@csrf
{{-- @if($errors->any())
    <div class="alert alert-outline-danger">
        <strong>Debe corregir los siguientes errores:</strong>
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif --}}
<div class="alert alert-info">
    <i class="fa fa-info-circle"></i>
    Los campos marcados con <span class="text-danger">(*)</span> son obligatorios.
</div>
<div class="row">
    <div class="col-md-2">
        <label>Fecha Inicio <span class="text-danger">(*)</span></label>
        <input type="date" name="fecha_inicio" class="form-control @error('fecha_inicio') is-invalid @enderror" value="{{ old('fecha_inicio',$proceso->fecha_inicio ?? '') }}" value="{{ old('fecha_inicio',$proceso->fecha_inicio) }}">
        @error('fecha_inicio')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
    <div class="col-md-2">
        <label>Número NUREJ <span class="text-danger">(*)</span></label>
        <input type="number" name="numero_nurej" class="form-control @error('numero_nurej') is-invalid @enderror" value="{{ old('numero_nurej',$proceso->numero_nurej ?? '') }}"  pattern="[0-9]+" value="{{ old('numero_nurej',$proceso->numero_nurej) }}">
        @error('numero_nurej')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
    <div class="col-md-2">
        <label>Número CUD</label>
        <input type="text" name="numero_cud" class="form-control @error('numero_cud') is-invalid @enderror" value="{{ old('numero_cud',$proceso->numero_cud ?? '') }}"  pattern="[A-Za-z0-9]{1,50}" value="{{ old('numero_cud',$proceso->numero_cud) }}">
        @error('numero_cud')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
    <div class="col-md-2">
        <label>Número Expediente</label>
        <input type="text" name="numero_expediente" class="form-control @error('numero_expediente') is-invalid @enderror" value="{{ old('numero_expediente',$proceso->numero_expediente ?? '') }}"  pattern="[A-Za-z0-9]{1,50}" value="{{ old('numero_expediente',$proceso->numero_expediente) }}">
        @error('numero_expediente')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
    <div class="col-md-2">
        <label>Número Caso</label>
        <input type="text" name="numero_caso" class="form-control @error('numero_caso') is-invalid @enderror" value="{{ old('numero_caso',$proceso->numero_caso ?? '') }}"  pattern="[A-Za-z0-9]{1,50}" value="{{ old('numero_caso',$proceso->numero_caso) }}">
        @error('numero_caso')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
    <div class="col-md-2">
        <label>ID Contraloria</label>
        <input type="number" name="id_contraloria" class="form-control @error('id_contraloria') is-invalid @enderror" value="{{ old('id_contraloria',$proceso->id_contraloria ?? '') }}"  pattern="[0-9]+" value="{{ old('id_contraloria',$proceso->id_contraloria) }}">
        @error('id_contraloria')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>
<div class="row mt-2">
    <div class="col-md-3">
        <label for="">Departamento <span class="text-danger">(*)</span></label>
        <select name="departamento_id" id="departamento_id" class="form-select @error('departamento_id') is-invalid @enderror" data-ruta="{{ route('provincias') }}" data-old="{{ $proceso->ciudad != null ? $proceso->ciudad->cod_depto : '' }}">
            <option value="">Seleccione un departamento</option>
            @foreach($departamentos as $departamento)
                <option value="{{ $departamento->cod_depto }}" {{ old('departamento_id', $proceso->ciudad != null ? $proceso->ciudad->cod_depto : '') == $departamento->cod_depto ? 'selected' : '' }}>
                    {{ $departamento->depto_nombre }}
                </option>
            @endforeach
        </select>
        @error('departamento_id')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
    <div class="col-md-3">
        <label for="">Provincia <span class="text-danger">(*)</span></label> 
        <select name="provincia_id" id="provincia_id" class="form-select @error('provincia_id') is-invalid @enderror" data-ruta="{{ route('municipios') }}" data-old="{{ old('provincia_id', $proceso->ciudad ? str_pad($proceso->ciudad->cod_provincia, 2, '0', STR_PAD_LEFT) : '') }}"
>
        </select>
        @error('provincia_id')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
    <div class="col-md-3">
        <label for="">Municipio <span class="text-danger">(*)</span></label>
        <select name="municipio_id" id="municipio_id" class="form-select @error('municipio_id') is-invalid @enderror" data-ruta="{{ route('ciudades') }}" data-old="{{ old('municipio_id', $proceso->ciudad ? str_pad($proceso->ciudad->cod_municipio, 2, '0', STR_PAD_LEFT) : '') }}">
        </select>
        @error('municipio_id')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
    <div class="col-md-3">
        <label for="">Ciudad <span class="text-danger">(*)</span></label>
        <select name="ciudad_id" id="ciudad_id" class="form-select @error('ciudad_id') is-invalid @enderror" data-old="{{ old('ciudad_id',$proceso->ciudad_id) }}">
        </select>
        @error('ciudad_id')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>
<div class="row mt-2">
    <div class="col-md-12">
        <label>Descripción Proceso <span class="text-danger">(*)</span></label>
        <textarea name="descripcion_proceso" placeholder="Ingrese la descripción del proceso judicial..." class="form-control @error('descripcion_proceso') is-invalid @enderror" id="descripcion_proceso" cols="30" rows="3">{{ old('descripcion_proceso', $proceso->descripcion_proceso ?? '') }}</textarea>
        @error('descripcion_proceso')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>
<div class="row mt-2">
    <div class="col-md-6">
        <div class="d-flex align-items-center justify-content-between">
            <label class="form-label">
                Delito <span class="text-danger">(*)</span>
            </label>
            <button type="button"
                    class="btn btn-sm btn-dark btn-icon-text"
                    data-bs-toggle="modal"
                    data-bs-target="#modalParametro"
                    data-tipo="TIPO_DELITO"
                    data-select="delitos"
                    data-titulo="NUEVO DELITO">
                <i class="icon-plus btn-icon-prepend"></i> Nuevo
            </button>
        </div>
        <select name="delitos[]" id="delitos" class="form-control select2 @error('delitos') is-invalid @enderror" multiple >
            @foreach($tipos_delito as $delito)
                <option value="{{ $delito->id }}"
                    @if(isset($proceso) && $proceso->delitos->contains($delito->id)) selected @endif>
                    {{ $delito->nombre }}
                </option>
            @endforeach
        </select>
        @error('delitos')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
    </div>
    <div class="col-md-6">
        <div class="d-flex align-items-center justify-content-between">
            <label class="form-label">Tipo Proceso <span class="text-danger">(*)</span></label>
            <button type="button"
                class="btn btn-sm btn-dark btn-icon-text"
                data-bs-toggle="modal"
                data-bs-target="#modalParametro"
                data-tipo="TIPO_PROCESO"
                data-select="tipo_proceso_id"
                data-titulo="NUEVO TIPO DE PROCESO">
                <i class="icon-plus btn-icon-prepend"></i> Nuevo
            </button>
        </div>

        <select name="tipo_proceso_id" id="tipo_proceso_id" class="form-select @error('tipo_proceso_id') is-invalid @enderror">
            <option value="">Seleccione un tipo de proceso</option>
            @foreach($tipos_proceso as $tipo)
                <option value="{{ $tipo->id }}" {{ old('tipo_proceso_id', $proceso->tipo_proceso_id ?? '') == $tipo->id ? 'selected' : '' }}>
                    {{ $tipo->nombre }}
                </option>
            @endforeach
        </select>
        @error('tipo_proceso_id')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>
<div class="row mt-2">
    <div class="col-md-6">
        <label for="">Juzgado <span class="text-danger">(*)</span></label>
        {{-- <input type="text" name="juzgado" pattern="[A-Za-zÁÉÍÓÚáéíóúÑñ0-9\s]+" placeholder="Nombre del Juzgado" class="form-control @error('juzgado') is-invalid @enderror" value="{{ old('juzgado',$proceso->juzgado ?? '') }}" > --}}
        <textarea name="juzgado" id="juzgado" cols="30" oninput="this.value = this.value.replace(/[^A-Za-zÁÉÍÓÚáéíóúÑñ0-9\s]/g, '')" rows="3" class="form-control @error('juzgado') is-invalid @enderror" placeholder="Nombre del Juzgado">{{ old('juzgado', $proceso->juzgado ?? '') }}</textarea>
        @error('juzgado')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div> 
    <div class="col-md-6">
        <label for="">Daño Económico <span class="text-danger">(*)</span></label>
        <input type="number" name="daño_economico" step="0.01" placeholder="0.00" class="form-control @error('daño_economico') is-invalid @enderror" value="{{ old('daño_economico',$proceso->daño_economico ?? '') }}">
        @error('daño_economico')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>
<div class="row mt-2">
    <div class="col-md-6">
        <div class="card shadow-sm mt-3 @error('demandantes') is-invalid @enderror">
            <div class="card-header   justify-content-between align-items-center">
                <strong>
                    <i class="fa fa-users"></i>
                    PARTE DEMANDANTE <span class="text-danger">(*)</span>
                </strong>
                <button type="button" class="btn btn-sm btn-dark btn-icon-text" id="btnAddDemandante">
                    <i class="icon-plus btn-icon-prepend"></i> Agregar
                </button>
            </div>
            <div class="card-body">
                @php
                    $olddemandantes = old('demandantes', $demandantes ?? []);
                    $tiposDemandanteMap = collect($tipos_parte_demandante)->pluck('nombre', 'id');
                @endphp
                <table class="table table-striped table-sm">
                    <thead >
                        <tr>
                            <th width="100" class="text-center">Acción</th>
                            <th class="text-center">Nombre</th>
                            <th class="text-center">Tipo</th>
                        </tr>
                    </thead>
                    <tbody id="demandantesBody">
                        @foreach($olddemandantes as $demandante)
                            <tr class="demandante-row">
                                <td class="text-center">
                                    <button type="button" class="btn btn-sm btn-outline-danger btn-remove-demandante" data-index="{{ $loop->index }}">
                                        <i class="fa fa-trash"></i>
                                    </button>
                                </td>
                                <td>{{ $demandante['nombre'] }}
                                    <input type="hidden" name="demandantes[{{ $loop->index }}][id]" value="{{ $demandante['id'] ?? '' }}">
                                    <input type="hidden" name="demandantes[{{ $loop->index }}][nombre]" value="{{ $demandante['nombre'] }}">
                                </td>
                                <td class="text-center">{{ $tiposDemandanteMap[$demandante['tipo']] ?? '' }}
                                    <input type="hidden" name="demandantes[{{ $loop->index }}][tipo]" value="{{ $demandante['tipo'] }}">
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @error('demandantes')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
    <div class="col-md-6">
        <div class="card shadow-sm mt-3 @error('participantes') is-invalid @enderror">
            <div class="card-header   justify-content-between align-items-center">
                <strong>
                    <i class="fa fa-users"></i>
                    PERSONAL DE REFERENCIA <span class="text-danger">(*)</span>
                </strong>
                <button type="button" class="btn btn-sm btn-dark btn-icon-text" id="btnAddParticipante">
                    <i class="icon-plus btn-icon-prepend"></i> Agregar
                </button>
            </div>
            <div class="card-body">
                @php
                    $oldParticipantes = old('participantes', $participantes ?? []);
                    $tiposMap = collect($tipos_participante)->pluck('nombre', 'id');
                @endphp
                <table class="table table-striped table-sm">
                    <thead>
                        <tr>
                            <th width="80" class="text-center">Acción</th>
                            <th class="text-center">Nombre</th>
                            <th class="text-center">Contacto</th>
                            <th class="text-center">Tipo</th>
                        </tr>
                    </thead>
                    <tbody id="participantesBody">
                        @foreach($oldParticipantes as $index => $participante)
                            <tr class="participante-row">
                                <td class="text-center">
                                    <button type="button" class="btn btn-sm btn-outline-danger btn-remove-participante" data-index="{{ $index }}">
                                        <i class="fa fa-trash"></i>
                                    </button>
                                </td>

                                <td>
                                    {{ $participante['nombre'] }}
                                    <input type="hidden" name="participantes[{{ $index }}][id]" value="{{ $participante['id'] ?? '' }}">
                                    <input type="hidden" name="participantes[{{ $index }}][nombre]" value="{{ $participante['nombre'] }}">
                                </td>

                                <td>
                                    {{ $participante['contacto'] }}
                                    <input type="hidden" name="participantes[{{ $index }}][contacto]" value="{{ $participante['contacto'] }}">
                                </td>

                                <td class="text-center">
                                    {{ $tiposMap[$participante['tipo']] ?? '' }}
                                    <input type="hidden" name="participantes[{{ $index }}][tipo]" value="{{ $participante['tipo'] }}">
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @error('participantes')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>

<div class="text-center">
    <button class="btn btn-success mt-3">Guardar</button>
    <a href="{{ route('procesos.index') }}" class="btn btn-warning mt-3">Cancelar</a>
</div>