@csrf
@if($errors->any())
    <div class="alert alert-outline-danger">
        <strong>Debe corregir los siguientes errores:</strong>
        <ul>
            @foreach ($errors->all() as $error)
            @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="text" name="numero_nurej" class="form-control @error('numero_nurej') is-invalid @enderror" value="{{ old('numero_nurej',$proceso->numero_nurej ?? '') }}"  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="text" 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="{{ $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="{{ $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="{{ $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="tipo_delito_id"
                    data-titulo="NUEVO DELITO">
                <i class="icon-plus btn-icon-prepend"></i> Nuevo
            </button>
        </div>
        <select name="tipo_delito_id" id="tipo_delito_id" class="form-select @error('tipo_delito_id') is-invalid @enderror">
            <option value="">Seleccione un delito</option>
            @foreach($tipos_delito as $delito)
                <option value="{{ $delito->id }}" {{ old('tipo_delito_id', $proceso->tipo_delito_id ?? '') == $delito->id ? 'selected' : '' }}>
                    {{ $delito->nombre }}
                </option>
            @endforeach
        </select>
        @error('tipo_delito_id')
        <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-4">
        <label for="">Tipo de Parte Demandante <span class="text-danger">(*)</span></label>                              
        <select name="tipo_parte_demandante_id" id="tipo_parte_demandante_id" class="form-select @error('tipo_parte_demandante_id') is-invalid @enderror">
            <option value="">Seleccione un tipo de parte demandante</option>
            @foreach($tipos_parte_demandante as $tipo_parte)
                <option value="{{ $tipo_parte->id }}" {{ old('tipo_parte_demandante_id', $proceso->tipo_parte_demandante_id ?? '') == $tipo_parte->id ? 'selected' : '' }}>
                    {{ $tipo_parte->nombre }}
                </option>
            @endforeach
        </select>
        @error('tipo_parte_demandante_id')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
    <div class="col-md-8">
        <label>Parte Demandante <span class="text-danger">(*)</span></label>
        <input type="text" name="parte_demandante" class="form-control @error('parte_demandante') is-invalid @enderror" value="{{ old('parte_demandante',$proceso->parte_demandante ?? '') }}"pattern="[A-Za-zÁÉÍÓÚáéíóúÑñ0-9\s]+" placeholder="Nombre de la parte demandante" title="Solo letras, números y espacios">
        @error('parte_demandante') 
            <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 ?? '') }}" >
        @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="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
        </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
    <div id="participantesEmpty"
         class="text-muted text-center mb-3"
         style="{{ count($oldParticipantes) ? 'display:none' : '' }}">
        <i class="fa fa-info-circle"></i>
        No hay personal de referencia registrado.
    </div>

    <div class="row g-3" id="participantesBody">
        @foreach($oldParticipantes as $i => $p)
            <div class="col-md-3 participante-card">
                <div class="card involucrado-card h-100">
                    <div class="card-body text-center p-3">
                        <strong>{{ $p['nombre'] ?? $p->nombre_participante }}</strong>
                        <span class="badge bg-info">
                            {{ $tiposMap[$p['tipo'] ?? $p->tipo_participante_id] ?? 'Interviniente' }}
                        </span>
                        <div class="text-muted small">
                            <i class="fa fa-phone"></i>
                            {{ $p['contacto'] ?? $p->contacto_participante }}
                        </div>

                        <input type="hidden" name="participantes[{{ $i }}][tipo]" value="{{ $p['tipo'] ?? $p->tipo_participante_id }}">
                        <input type="hidden" name="participantes[{{ $i }}][nombre]" value="{{ $p['nombre'] ?? $p->nombre_participante }}">
                        <input type="hidden" name="participantes[{{ $i }}][contacto]" value="{{ $p['contacto'] ?? $p->contacto_participante }}">

                        <button type="button" class="btn btn-sm btn-outline-danger mt-2 btn-remove">
                            <i class="fa fa-trash"></i> Quitar
                        </button>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

</div>

</div>
@error('participantes')
    <span class="invalid-feedback" role="alert">
        <strong>{{ $message }}</strong>
    </span>
@enderror

<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>