@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
<p>Debe completar todos los campos marcados con <span class="text-danger">(*)</span></p>
<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</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="[0-9]+" 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="[0-9]+" 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="[0-9]+" 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</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</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 != null ?? $proceso->ciudad->cod_provincia }}">
        </select>
        @error('provincia_id')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
    <div class="col-md-3">
        <label for="">Municipio</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 != null ??$proceso->ciudad->cod_municipio }}">
        </select>
        @error('municipio_id')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
    <div class="col-md-3">
        <label for="">Ciudad</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</label>
        <textarea name="descripcion_proceso" class="form-control @error('descripcion_proceso') is-invalid @enderror" id="descripcion_proceso" cols="30" rows="3">{{ old('descripcion_proceso', $proceso->descripcion_proceso ?? '') }}</textarea>
        @error('des')
            <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
            </label>
            <button type="button" class="btn btn-sm btn-success" data-bs-toggle="modal" data-bs-target="#modalDelito">
                + 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">
        <label class="form-label">Tipo Proceso</label>
        <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</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</label>
        <input type="text" name="parte_demandante" class="form-control @error('parte_demandante') is-invalid @enderror" value="{{ old('parte_demandante',$proceso->parte_demandante ?? '') }}">
        @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</label>
        <input type="text" name="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</label>
        <input type="number" name="daño_economico" step="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-2">
    <div class="card-header bg-secondary text-white d-flex justify-content-between">
        <strong>OTROS PARTICIPANTES</strong>
        <button type="button" class="btn btn-sm btn-light" id="btnAddParticipante">
            + Agregar Participante
        </button>
    </div>

    <div class="card-body">
        <table class="table table-bordered table-sm align-middle">
            <thead class="table-light">
                <tr>
                    <th width="50"></th>
                    <th class="text-center">Tipo</th>
                    <th class="text-center">Nombre completo</th>
                    <th class="text-center">Contacto</th>
                </tr>
            </thead>
            <tbody id="participantesBody">
                
            </tbody>
        </table>
    </div>
</div> --}}
<div class="card shadow-sm mt-3">
    <div class="card-header bg-secondary text-white d-flex justify-content-between align-items-center">
        <strong>OTROS INVOLUCRADOS</strong>
        <button type="button" class="btn btn-sm btn-light" id="btnAddParticipante">
            <i class="fa fa-user-plus"></i> Agregar
        </button>
    </div>

    <div class="card-body">
        <div class="row g-3" id="participantesBody">
            {{-- tarjetas dinámicas --}}
        </div>
    </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>