@extends('layouts.app')

@section('title', 'Registrar Expediente')

@section('content')
<div class="container-fluid p-0">
    <div class="row mb-4">
        <div class="col-12 col-lg-10 mx-auto">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('expedientes.index') }}">Expedientes</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Registrar</li>
                </ol>
            </nav>
            <h2 class="fw-bold"><i class="fa-solid fa-folder-plus text-primary me-2"></i> Registrar Nuevo Expediente</h2>
        </div>
    </div>

    <div class="row">
        <div class="col-12 col-lg-10 mx-auto">
            <div class="card border-0 bg-white p-5 shadow-sm">
                @if ($errors->any())
                    <div class="alert alert-danger border-0 rounded-3 mb-4">
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <form action="{{ route('expedientes.store') }}" method="POST">
                    @csrf
                    
                    
                    <div data-section="carpeta-fiscal">
                    <h5 class="fw-bold mb-3 text-primary">1. Datos de Carpeta Fiscal</h5>
                    <div class="row g-3 mb-4">
                        <div class="col-md-3">
                            <label for="carpeta_fiscal" class="form-label fw-semibold">N° de Carpeta Fiscal</label>
                            <input class="form-control @error('carpeta_fiscal') is-invalid @enderror"  type="text"  id="carpeta_fiscal" name="carpeta_fiscal" value="{{ old('carpeta_fiscal') }}">
                        </div>
                        <div class="col-md-3">
                            <label for="codigo_interno" class="form-label fw-semibold">Código Interno *</label>
                            <input type="text" class="form-control" id="codigo_interno" value="(Se generará automáticamente)" disabled>
                        </div>
                        <div class="col-md-3">
                            <label for="investigado_procesado" class="form-label fw-semibold">Investigado / Procesado</label>
                            <input class="form-control @error('investigado_procesado') is-invalid @enderror"  type="text"  id="investigado_procesado" name="investigado_procesado" value="{{ old('investigado_procesado') }}">
                        </div>
                        <div class="col-md-3">
                            <label for="agraviado" class="form-label fw-semibold">Agraviado</label>
                            <input class="form-control @error('agraviado') is-invalid @enderror"  type="text"  id="agraviado" name="agraviado" value="{{ old('agraviado') }}">
                        </div>
                        <div class="col-md-3">
                            <label for="fiscalia" class="form-label fw-semibold">Despacho Fiscal</label>
                            <input class="form-control @error('fiscalia') is-invalid @enderror"  type="text"  id="fiscalia" name="fiscalia" value="{{ old('fiscalia') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="fiscal_provincial" class="form-label fw-semibold">Fiscal Provincial</label>
                            <input class="form-control @error('fiscal_provincial') is-invalid @enderror"  type="text"  id="fiscal_provincial" name="fiscal_provincial" value="{{ old('fiscal_provincial') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="fiscal_encargado" class="form-label fw-semibold">Fiscal Encargado</label>
                            <input class="form-control @error('fiscal_encargado') is-invalid @enderror"  type="text"  id="fiscal_encargado" name="fiscal_encargado" value="{{ old('fiscal_encargado') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="fiscal_direccion" class="form-label fw-semibold">Dirección</label>
                            <input class="form-control @error('fiscal_direccion') is-invalid @enderror"  type="text"  id="fiscal_direccion" name="fiscal_direccion" value="{{ old('fiscal_direccion') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="fiscal_correo" class="form-label fw-semibold">Correo</label>
                            <input class="form-control @error('fiscal_correo') is-invalid @enderror"  type="email"  id="fiscal_correo" name="fiscal_correo" value="{{ old('fiscal_correo') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="fiscal_telefono" class="form-label fw-semibold">Teléfono - Anexo</label>
                            <input class="form-control @error('fiscal_telefono') is-invalid @enderror"  type="text"  id="fiscal_telefono" name="fiscal_telefono" value="{{ old('fiscal_telefono') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="fiscal_celular" class="form-label fw-semibold">Celular</label>
                            <input class="form-control @error('fiscal_celular') is-invalid @enderror"  type="text"  id="fiscal_celular" name="fiscal_celular" value="{{ old('fiscal_celular') }}">
                        </div>
                    </div>

                    </div>
                    </div>

                    <div data-section="datos-pnp">
                    <h5 class="fw-bold mb-3 text-primary mt-4">1.2. Datos PNP</h5>
                    <div class="row g-3 mb-4">
                        <div class="col-md-4">
                            <label for="pnp_instructor" class="form-label fw-semibold">Instructor Encargado</label>
                            <input class="form-control @error('pnp_instructor') is-invalid @enderror"  type="text"  id="pnp_instructor" name="pnp_instructor" value="{{ old('pnp_instructor') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="pnp_dependencia" class="form-label fw-semibold">Dependencia Policial</label>
                            <input class="form-control @error('pnp_dependencia') is-invalid @enderror"  type="text"  id="pnp_dependencia" name="pnp_dependencia" value="{{ old('pnp_dependencia') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="pnp_telefono" class="form-label fw-semibold">Teléfono</label>
                            <input class="form-control @error('pnp_telefono') is-invalid @enderror"  type="text"  id="pnp_telefono" name="pnp_telefono" value="{{ old('pnp_telefono') }}">
                        </div>
                    </div>

                    </div>
                    </div>

                    <div data-section="expediente-judicial">
                    <h5 class="fw-bold mb-3 text-primary mt-4">2. Identificación del Expediente Judicial</h5>
                    <div class="row g-3 mb-4">
                        <div class="col-md-6">
                            <label for="numero_expediente" class="form-label fw-semibold">Número de Expediente *</label>
                            <input class="form-control @error('numero_expediente') is-invalid @enderror"  type="text"  id="numero_expediente" name="numero_expediente" value="{{ old('numero_expediente') }}" placeholder="00124-2025-0-1801-JR-CO-01" required>
                        </div>
                        <div class="col-md-6">
                            <label for="jud_numero_expediente" class="form-label fw-semibold">N° Expediente Judicial Penal</label>
                            <input class="form-control @error('jud_numero_expediente') is-invalid @enderror"  type="text"  id="jud_numero_expediente" name="jud_numero_expediente" value="{{ old('jud_numero_expediente') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="jud_dependencia" class="form-label fw-semibold">Dependencia Judicial Penal</label>
                            <input class="form-control @error('jud_dependencia') is-invalid @enderror"  type="text"  id="jud_dependencia" name="jud_dependencia" value="{{ old('jud_dependencia') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="jud_anexo" class="form-label fw-semibold">Anexo Penal</label>
                            <input class="form-control @error('jud_anexo') is-invalid @enderror"  type="text"  id="jud_anexo" name="jud_anexo" value="{{ old('jud_anexo') }}">
                        </div>

                        <div class="col-md-4">
                            <label for="materia" class="form-label fw-semibold">Materia *</label>
                            <input class="form-control @error('materia') is-invalid @enderror"  type="text"  id="materia" name="materia" value="{{ old('materia') }}" placeholder="Constitucional, Civil, Penal..." required>
                        </div>
                        <div class="col-md-4">
                            <label for="especialidad" class="form-label fw-semibold">Especialidad *</label>
                            <input class="form-control @error('especialidad') is-invalid @enderror"  type="text"  id="especialidad" name="especialidad" value="{{ old('especialidad') }}" placeholder="Comercial, Laboral, Civil..." required>
                        </div>
                        <div class="col-md-4">
                            <label for="tipo_proceso" class="form-label fw-semibold">Tipo de Proceso *</label>
                            <select class="form-select @error('tipo_proceso') is-invalid @enderror" id="tipo_proceso" name="tipo_proceso" required>
                                <option value="">Seleccione tipo de proceso</option>
                                <option value="Proceso Penal" {{ old('tipo_proceso') === 'Proceso Penal' ? 'selected' : '' }}>Proceso Penal</option>
                                <option value="Proceso Constitucional" {{ old('tipo_proceso') === 'Proceso Constitucional' ? 'selected' : '' }}>Proceso Constitucional</option>
                                <option value="Proceso Civil" {{ old('tipo_proceso') === 'Proceso Civil' ? 'selected' : '' }}>Proceso Civil</option>
                                <option value="Proceso Laboral" {{ old('tipo_proceso') === 'Proceso Laboral' ? 'selected' : '' }}>Proceso Laboral</option>
                                <option value="Proceso Administrativo" {{ old('tipo_proceso') === 'Proceso Administrativo' ? 'selected' : '' }}>Proceso Administrativo</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="dependencia_judicial" class="form-label fw-semibold">Dependencia Judicial</label>
                            <input class="form-control @error('dependencia_judicial') is-invalid @enderror"  type="text"  id="dependencia_judicial" name="dependencia_judicial" value="{{ old('dependencia_judicial') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="jud_direccion" class="form-label fw-semibold">Dirección</label>
                            <input class="form-control @error('jud_direccion') is-invalid @enderror"  type="text"  id="jud_direccion" name="jud_direccion" value="{{ old('jud_direccion') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="jud_telefono" class="form-label fw-semibold">Teléfono - Anexo</label>
                            <input class="form-control @error('jud_telefono') is-invalid @enderror"  type="text"  id="jud_telefono" name="jud_telefono" value="{{ old('jud_telefono') }}">
                        </div>
                    </div>

                    </div>
                    </div>

                    <div data-section="proceso-constitucional" style="display:none;">
                    <h5 class="fw-bold mb-3 text-primary mt-4">2. Datos de Proceso Constitucional</h5>
                    <div class="row g-3 mb-4">
                        <div class="col-md-4">
                            <label for="pc_numero_expediente" class="form-label fw-semibold">N° Expediente Constitucional *</label>
                            <input class="form-control @error('pc_numero_expediente') is-invalid @enderror"  type="text"  id="pc_numero_expediente" name="pc_numero_expediente" value="{{ old('pc_numero_expediente') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="pc_demandante" class="form-label fw-semibold">Demandante *</label>
                            <input class="form-control @error('pc_demandante') is-invalid @enderror"  type="text"  id="pc_demandante" name="pc_demandante" value="{{ old('pc_demandante') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="pc_demandado" class="form-label fw-semibold">Demandado *</label>
                            <input class="form-control @error('pc_demandado') is-invalid @enderror"  type="text"  id="pc_demandado" name="pc_demandado" value="{{ old('pc_demandado') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="pc_juzgado" class="form-label fw-semibold">Juzgado *</label>
                            <input class="form-control @error('pc_juzgado') is-invalid @enderror"  type="text"  id="pc_juzgado" name="pc_juzgado" value="{{ old('pc_juzgado') }}">
                        </div>
                        <div class="col-md-4">
                            <label for="pc_materia" class="form-label fw-semibold">Materia *</label>
                            <select class="form-select @error('pc_materia') is-invalid @enderror" id="pc_materia" name="pc_materia">
                                <option value="">Seleccione materia</option>
                                <option value="Habeas corpus" {{ old('pc_materia') === 'Habeas corpus' ? 'selected' : '' }}>Habeas corpus</option>
                                <option value="Accion de amparo" {{ old('pc_materia') === 'Accion de amparo' ? 'selected' : '' }}>Acción de amparo</option>
                                <option value="Habeas data" {{ old('pc_materia') === 'Habeas data' ? 'selected' : '' }}>Habeas data</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="pc_direccion" class="form-label fw-semibold">Dirección</label>
                            <input class="form-control @error('pc_direccion') is-invalid @enderror"  type="text"  id="pc_direccion" name="pc_direccion" value="{{ old('pc_direccion') }}">
                        </div>
                    </div>
                    </div>

                    <div data-section="sujetos-procesales">
                    <h5 class="fw-bold mb-3 text-primary">3. Sujetos Procesales e Instancia</h5>
                    <div class="row g-3 mb-4">
                        <div class="col-md-6">
                            <label for="demandante" class="form-label fw-semibold">Demandante *</label>
                            <input class="form-control @error('demandante') is-invalid @enderror"  type="text"  id="demandante" name="demandante" value="{{ old('demandante') }}" required>
                        </div>
                        <div class="col-md-6">
                            <label for="demandado" class="form-label fw-semibold">Demandado *</label>
                            <input class="form-control @error('demandado') is-invalid @enderror"  type="text"  id="demandado" name="demandado" value="{{ old('demandado') }}" required>
                        </div>
                        <div class="col-md-4">
                            <label for="cliente_id" class="form-label fw-semibold">Cliente del Estudio *</label>
                            <select class="form-select @error('cliente_id') is-invalid @enderror"   id="cliente_id" name="cliente_id" required>
                                <option value="">Seleccione Cliente</option>
                                @foreach($clientes as $cli)
                                    <option value="{{ $cli->id }}" {{ old('cliente_id') == $cli->id ? 'selected' : '' }}>{{ $cli->nombre_completo }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="abogados" class="form-label fw-semibold">Abogados Responsables *</label>
                            <select class="form-select select2-multiple @error('abogados') is-invalid @enderror" id="abogados" name="abogados[]" required multiple>
                                @foreach($abogados as $abg)
                                    <option value="{{ $abg->id }}" {{ (is_array(old('abogados')) && in_array($abg->id, old('abogados'))) ? 'selected' : '' }}>{{ $abg->nombre_completo }}</option>
                                @endforeach
                            </select>
                            @error('abogados')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>

                    </div>

                    </div>
                    </div>

                    <div data-section="metadatos">
                    <h5 class="fw-bold mb-3 text-primary">4. Fechas y Metadatos</h5>
                    <div class="row g-3 mb-4">
                        <div class="col-md-4">
                            <label for="fecha_inicio" class="form-label fw-semibold">Fecha de Inicio *</label>
                            <input class="form-control @error('fecha_inicio') is-invalid @enderror"  type="date"  id="fecha_inicio" name="fecha_inicio" value="{{ old('fecha_inicio', date('Y-m-d')) }}" required>
                        </div>
                        <div class="col-md-4">
                            <label for="fecha_vencimiento" class="form-label fw-semibold">Fecha de Vencimiento / Plazo Procesal</label>
                            <input class="form-control @error('fecha_vencimiento') is-invalid @enderror"  type="date"  id="fecha_vencimiento" name="fecha_vencimiento" value="{{ old('fecha_vencimiento') }}">
                        </div>
                        <div class="col-md-2">
                            <label for="estado" class="form-label fw-semibold">Estado *</label>
                            <select class="form-select @error('estado') is-invalid @enderror"   id="estado" name="estado" required>
                                <option value="Investigación preliminar" {{ old('estado') === 'Investigación preliminar' ? 'selected' : '' }}>Investigación preliminar</option>
                                <option value="Investigación preparatoria" {{ old('estado') === 'Investigación preparatoria' ? 'selected' : '' }}>Investigación preparatoria</option>
                                <option value="Etapa intermedia" {{ old('estado') === 'Etapa intermedia' ? 'selected' : '' }}>Etapa intermedia</option>
                                <option value="Juicio oral" {{ old('estado') === 'Juicio oral' ? 'selected' : '' }}>Juicio oral</option>
                                <option value="Juicio de apelación" {{ old('estado') === 'Juicio de apelación' ? 'selected' : '' }}>Juicio de apelación</option>
                                <option value="Corte Suprema (recurso de nulidad)" {{ old('estado') === 'Corte Suprema (recurso de nulidad)' ? 'selected' : '' }}>Corte Suprema (recurso de nulidad)</option>
                                <option value="Corte Suprema (recurso de casación)" {{ old('estado') === 'Corte Suprema (recurso de casación)' ? 'selected' : '' }}>Corte Suprema (recurso de casación)</option>
                                <option value="Primera instancia" {{ old('estado') === 'Primera instancia' ? 'selected' : '' }}>Primera instancia</option>
                                <option value="Segunda instancia" {{ old('estado') === 'Segunda instancia' ? 'selected' : '' }}>Segunda instancia</option>
                                <option value="Recurso de agravio constitucional" {{ old('estado') === 'Recurso de agravio constitucional' ? 'selected' : '' }}>Recurso de agravio constitucional</option>
                                <option value="Archivado" {{ old('estado') === 'Archivado' ? 'selected' : '' }}>Archivado</option>
                            </select>
                        </div>
                        <div class="col-md-3" id="wrap_meta_estado_constitucional" style="display:none">
                            <label for="meta_estado_constitucional" class="form-label fw-semibold">Instancia Constitucional *</label>
                            <select class="form-select @error('meta_estado_constitucional') is-invalid @enderror" id="meta_estado_constitucional" name="meta_estado_constitucional">
                                <option value="">Seleccione instancia</option>
                                <option value="Primera instancia" {{ old('meta_estado_constitucional') === 'Primera instancia' ? 'selected' : '' }}>Primera instancia</option>
                                <option value="Segunda instancia" {{ old('meta_estado_constitucional') === 'Segunda instancia' ? 'selected' : '' }}>Segunda instancia</option>
                                <option value="Tribunal constitucional" {{ old('meta_estado_constitucional') === 'Tribunal constitucional' ? 'selected' : '' }}>Tribunal constitucional</option>
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label for="prioridad" class="form-label fw-semibold">Prioridad *</label>
                            <select class="form-select @error('prioridad') is-invalid @enderror"   id="prioridad" name="prioridad" required>
                                <option value="Baja" {{ old('prioridad') === 'Baja' ? 'selected' : '' }}>Baja</option>
                                <option value="Media" {{ old('prioridad', 'Media') === 'Media' ? 'selected' : '' }}>Media</option>
                                <option value="Alta" {{ old('prioridad') === 'Alta' ? 'selected' : '' }}>Alta</option>
                            </select>
                        </div>
                        <div class="col-12">
                            <label for="observaciones" class="form-label fw-semibold">Observaciones / Detalles adicionales</label>
                            <textarea class="form-control @error('observaciones') is-invalid @enderror"   id="observaciones" name="observaciones" rows="4">{{ old('observaciones') }}</textarea>
                        </div>
                    </div>
                    </div>

                    <div class="d-flex gap-2">
                        <button type="submit" class="btn btn-primary-gradient px-4 py-2 rounded-3">Registrar Expediente</button>
                        <a href="{{ route('expedientes.index') }}" class="btn btn-light px-4 py-2 rounded-3">Cancelar</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
    <script src="{{ asset('js/expediente-form.js') }}"></script>
@endsection