@extends('../layouts/partials/header')

@section('content')

<div class="container-fluid mt-3">
    <div class="card">
        <div class="card-header d-flex align-items-center justify-content-between">
            <span class="fw-bold"><i class="bi bi-wrench-adjustable-circle"></i> Nueva Inspección Mecánica</span>
            <a href="{{ route('inspeccion-mecanica.index') }}" class="btn btn-secondary btn-sm">
                <i class="bi bi-arrow-left"></i> Regresar
            </a>
        </div>

        <div class="card-body">

            @if ($errors->any())
                <div class="alert alert-danger alert-dismissible fade show">
                    <strong>Por favor corrige los siguientes errores:</strong>
                    <ul class="mb-0 mt-1">
                        @foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach
                    </ul>
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

            <form action="{{ route('inspeccion-mecanica.store') }}" method="POST">
                @csrf

                {{-- ── CABECERA ── --}}
                @include('inspeccion-mecanica._form_cabecera')

                {{-- ── LEYENDA DE COLORES ── --}}
                @include('inspeccion-mecanica._leyenda')

                {{-- ── TABLA DE ÍTEMS ── --}}
                @include('inspeccion-mecanica._tabla_items', ['itemsGuardados' => collect()])

                {{-- ── OBSERVACIONES GENERALES ── --}}
                <div class="mt-4">
                    <h6 class="text-secondary border-bottom pb-1 mb-3">
                        <i class="bi bi-chat-left-text"></i> Observaciones Generales
                    </h6>
                    <textarea name="observaciones" rows="3" class="form-control"
                              placeholder="Observaciones adicionales...">{{ old('observaciones') }}</textarea>
                </div>

                <div class="row mt-4">
                    <div class="col-12 d-flex gap-2">
                        <button type="submit" class="btn btn-primary btn-sm">
                            <i class="bi bi-floppy"></i> Guardar
                        </button>
                        <a href="{{ route('inspeccion-mecanica.index') }}" class="btn btn-secondary btn-sm">Cancelar</a>
                    </div>
                </div>

            </form>
        </div>
    </div>
</div>

@endsection
@extends('../layouts/partials/footer')