@extends('adminlte::page')

@section('title', 'Editar Documento de Cliente')

@section('content_header')
    <h1>Editar Documento</h1>
@stop

@section('content')
    @if ($errors->any())
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    <div class="card">
        <div class="card-body">
            <form action="{{ route('admin.documentos-clientes.update', $documentoCliente->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="cliente_id">Cliente <span class="text-danger">*</span></label>
                            <select class="form-control @error('cliente_id') is-invalid @enderror"
                                    id="cliente_id"
                                    name="cliente_id"
                                    required
                                    onchange="cargarCotizaciones(this.value)">
                                <option value="">Seleccione un cliente</option>
                                @foreach($clientes as $cliente)
                                    <option value="{{ $cliente->id }}"
                                            {{ old('cliente_id', $documentoCliente->cliente_id) == $cliente->id ? 'selected' : '' }}>
                                        {{ $cliente->user->name }} {{ $cliente->empresa ? '- ' . $cliente->empresa : '' }}
                                    </option>
                                @endforeach
                            </select>
                            @error('cliente_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="cotizacion_id">Cotización (Opcional)</label>
                            <select class="form-control @error('cotizacion_id') is-invalid @enderror"
                                    id="cotizacion_id"
                                    name="cotizacion_id">
                                <option value="">Seleccione una cotización</option>
                                @if($cotizaciones)
                                    @foreach($cotizaciones as $cotizacion)
                                        <option value="{{ $cotizacion->id }}"
                                                {{ old('cotizacion_id', $documentoCliente->cotizacion_id) == $cotizacion->id ? 'selected' : '' }}>
                                            {{ $cotizacion->numero_cotizacion }} - {{ $cotizacion->fecha_emision->format('d/m/Y') }}
                                        </option>
                                    @endforeach
                                @endif
                            </select>
                            @error('cotizacion_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="titulo">Título del Documento <span class="text-danger">*</span></label>
                            <input type="text"
                                   class="form-control @error('titulo') is-invalid @enderror"
                                   id="titulo"
                                   name="titulo"
                                   value="{{ old('titulo', $documentoCliente->titulo) }}"
                                   required>
                            @error('titulo')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="tipo_documento">Tipo de Documento <span class="text-danger">*</span></label>
                            <select class="form-control @error('tipo_documento') is-invalid @enderror"
                                    id="tipo_documento"
                                    name="tipo_documento"
                                    required>
                                <option value="">Seleccione un tipo</option>
                                <option value="factura" {{ old('tipo_documento', $documentoCliente->tipo_documento) == 'factura' ? 'selected' : '' }}>Factura</option>
                                <option value="contrato" {{ old('tipo_documento', $documentoCliente->tipo_documento) == 'contrato' ? 'selected' : '' }}>Contrato</option>
                                <option value="garantia" {{ old('tipo_documento', $documentoCliente->tipo_documento) == 'garantia' ? 'selected' : '' }}>Garantía</option>
                                <option value="orden_compra" {{ old('tipo_documento', $documentoCliente->tipo_documento) == 'orden_compra' ? 'selected' : '' }}>Orden de Compra</option>
                                <option value="otro" {{ old('tipo_documento', $documentoCliente->tipo_documento) == 'otro' ? 'selected' : '' }}>Otro</option>
                            </select>
                            @error('tipo_documento')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="numero_documento">Número de Documento</label>
                            <input type="text"
                                   class="form-control @error('numero_documento') is-invalid @enderror"
                                   id="numero_documento"
                                   name="numero_documento"
                                   value="{{ old('numero_documento', $documentoCliente->numero_documento) }}"
                                   placeholder="Ej: F001-000123">
                            @error('numero_documento')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="fecha_documento">Fecha del Documento</label>
                            <input type="date"
                                   class="form-control @error('fecha_documento') is-invalid @enderror"
                                   id="fecha_documento"
                                   name="fecha_documento"
                                   value="{{ old('fecha_documento', $documentoCliente->fecha_documento ? $documentoCliente->fecha_documento->format('Y-m-d') : '') }}">
                            @error('fecha_documento')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="archivo">Archivo</label>
                    <div class="custom-file">
                        <input type="file"
                               class="custom-file-input @error('archivo') is-invalid @enderror"
                               id="archivo"
                               name="archivo"
                               accept=".pdf,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png">
                        <label class="custom-file-label" for="archivo">
                            {{ $documentoCliente->nombre_archivo ?? 'Seleccionar nuevo archivo (máx. 10MB)' }}
                        </label>
                    </div>
                    @error('archivo')
                        <span class="invalid-feedback d-block" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                    <small class="form-text text-muted">
                        Archivo actual: <a href="{{ route('admin.documentos-clientes.download', $documentoCliente->id) }}" target="_blank">
                            {{ $documentoCliente->nombre_archivo }}
                        </a>
                    </small>
                    <small class="form-text text-muted">Deje vacío para mantener el archivo actual. Formatos permitidos: PDF, DOC, DOCX, XLS, XLSX, JPG, JPEG, PNG</small>
                </div>

                <div class="form-group">
                    <label for="observaciones">Observaciones</label>
                    <textarea class="form-control @error('observaciones') is-invalid @enderror"
                              id="observaciones"
                              name="observaciones"
                              rows="3"
                              placeholder="Notas adicionales sobre el documento...">{{ old('observaciones', $documentoCliente->observaciones) }}</textarea>
                    @error('observaciones')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>

                <div class="form-group">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="activo" name="activo" value="1"
                               {{ old('activo', $documentoCliente->activo) ? 'checked' : '' }}>
                        <label class="form-check-label" for="activo">
                            Documento activo
                        </label>
                    </div>
                </div>

                <div class="form-group mb-0">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> Actualizar Documento
                    </button>
                    <a href="{{ route('admin.documentos-clientes.index') }}" class="btn btn-secondary">
                        <i class="fas fa-times"></i> Cancelar
                    </a>
                </div>
            </form>
        </div>
    </div>
@stop

@section('js')
    <script>
        // Mostrar nombre del archivo seleccionado
        $('.custom-file-input').on('change', function() {
            let fileName = $(this).val().split('\\').pop();
            $(this).siblings('.custom-file-label').addClass('selected').html(fileName || '{{ $documentoCliente->nombre_archivo }}');
        });

        // Cargar cotizaciones cuando se selecciona un cliente
        function cargarCotizaciones(clienteId) {
            if (!clienteId) {
                $('#cotizacion_id').html('<option value="">Seleccione una cotización</option>');
                return;
            }

            $.ajax({
                url: '{{ route("api.cotizaciones.cliente", ":id") }}'.replace(':id', clienteId),
                method: 'GET',
                success: function(cotizaciones) {
                    let options = '<option value="">Seleccione una cotización</option>';
                    const cotizacionActual = '{{ $documentoCliente->cotizacion_id }}';
                    cotizaciones.forEach(function(cotizacion) {
                        const fecha = new Date(cotizacion.fecha_emision).toLocaleDateString('es-ES');
                        const selected = cotizacion.id == cotizacionActual ? 'selected' : '';
                        options += `<option value="${cotizacion.id}" ${selected}>${cotizacion.numero_cotizacion} - ${fecha}</option>`;
                    });
                    $('#cotizacion_id').html(options);
                },
                error: function() {
                    $('#cotizacion_id').html('<option value="">Error al cargar cotizaciones</option>');
                }
            });
        }
    </script>
@stop