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

@section('content_header')
    <h1 class="fs-4">Recepción - Búsqueda de RFC</h1>
@endsection

@section('content')

<div class="container mt-3">
    <br>
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <span class="fw-bold">
                <i class="fas fa-search me-1"></i> Buscar cliente por RFC
            </span>
            <a href="{{ route('recepcion.index') }}" class="btn btn-secondary btn-sm">
                <i class="fas fa-list me-1"></i> Ver registros
            </a>
        </div>

        <div class="card-body">

            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="fas fa-check-circle me-1"></i>
                    <strong>OK:</strong> {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

            @if ($errors->any())
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <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('recepcion.verificarRfc') }}" method="POST">
                @csrf
                <div class="row g-3 align-items-end">
                    <div class="col-md-4">
                        <label for="rfc" class="form-label fw-bold">
                            RFC <span class="text-danger">*</span>
                        </label>
                        <input
                            type="text"
                            id="rfc"
                            name="rfc"
                            value="{{ old('rfc') }}"
                            class="form-control @error('rfc') is-invalid @enderror"
                            maxlength="13"
                            style="text-transform:uppercase;"
                            autocomplete="off"
                            placeholder="Ej: ABCD850101XYZ"
                            autofocus
                        >
                        @error('rfc')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-3">
                        <button type="submit" class="btn btn-primary btn-sm">
                            <i class="fas fa-search me-1"></i> Buscar
                        </button>
                    </div>
                </div>
            </form>

        </div>{{-- /card-body --}}
    </div>{{-- /card --}}
</div>

@endsection

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