@if (auth()->user()->userType->user_type == 'Juez')
    <div class="row justify-content-start" style="margin-top:1em">
        <div class="col-6">
            <label for="detention_date" class="form-label">Fecha de la detención</label>
            <input id="detention_date" name="detention_date" type="date" class="form-control"
                value="{{ old('detention_date') }}" readonly>
        </div>
        <div class="col-6">
            <label for="detention_hour" class="form-label">Hora de la detención</label>
            <input id="detention_hour" name="detention_hour" type="time" class="form-control"
                value="{{ old('detention_hour') }}" readonly>
        </div>
    </div>
    <div class="row justify-content-center" style="margin-top:1em">
        <label class="form-label">Número de retención (RND)</label>
        <div class="col">
            <label class="form-label">O. gobierno</label>
            <input id="rnd_gob" name="rnd_gob" type="text" class="form-control upper-case mask-2-letters"
                maxlength="2" value="{{ old('rnd_gob') }}" readonly>
        </div>
        <div class="col">
            <label class="form-label">Tipo de fuero</label>
            <input id="rnd_fuero" name="rnd_fuero" type="text" class="form-control upper-case mask-2-letters"
                maxlength="2" value="{{ old('rnd_fuero') }}" readonly>
        </div>
        <div class="col">
            <label class="form-label">Municipio</label>
            <input id="rnd_mpio" name="rnd_mpio" type="text" class="form-control mask-3-digits" maxlength="3"
                value="{{ old('rnd_mpio') }}" readonly>
        </div>
        <div class="col">
            <label class="form-label">Día(DD)</label>
            <input id="rnd_day" name="rnd_day" type="text" class="form-control" maxlength="2"
                value="{{ old('rnd_day') }}" readonly>
        </div>
        <div class="col">
            <label class="form-label">Mes(MM)</label>
            <input id="rnd_month" name="rnd_month" type="text" class="form-control" maxlength="2"
                value="{{ old('rnd_month') }}" readonly>
        </div>
        <div class="col">
            <label class="form-label">Año(YYYY)</label>
            <input id="rnd_year" name="rnd_year" type="text" class="form-control" maxlength="4"
                value="{{ old('rnd_year') }}" readonly>
        </div>
        <div class="col">
            <label class="form-label">Identificador</label>
            <input id="rnd_identifier" name="rnd_identifier" type="text" class="form-control mask-4-digits"
                maxlength="4" value="{{ old('rnd_identifier') }}" readonly>
        </div>
    </div>
@else
<!-- Campo oculto para enviar el valor de $data->log_sheet_id -->
<input type="hidden" name="log_sheet_id" value="{{ $data->log_sheet_id }}">

    <div class="row justify-content-start" style="margin-top:1em">
        <div class="col-6">
            <label for="detention_date" class="form-label">Fecha de la detención</label>
            <input id="detention_date" name="detention_date" type="date" class="form-control"
                value="{{ old('detention_date') }}">
        </div>
        <div class="col-6">
            <label for="detention_hour" class="form-label">Hora de la detención</label>
            <input id="detention_hour" name="detention_hour" type="time" class="form-control"
                value="{{ old('detention_hour') }}">
        </div>
    </div>
    <div class="row justify-content-center" style="margin-top:1em">
        <label class="form-label">Número de retención (RND)</label>
        <div class="col">
            <label class="form-label">O. gobierno</label>
            <input id="rnd_gob" name="rnd_gob" type="text" class="form-control upper-case mask-2-letters"
                maxlength="2" value="{{ old('rnd_gob') }}">
        </div>
        <div class="col">
            <label class="form-label">Tipo de fuero</label>
            <input id="rnd_fuero" name="rnd_fuero" type="text" class="form-control upper-case mask-2-letters"
                maxlength="2" value="{{ old('rnd_fuero') }}">
        </div>
        <div class="col">
            <label class="form-label">Municipio</label>
            <input id="rnd_mpio" name="rnd_mpio" type="text" class="form-control mask-3-digits" maxlength="3"
                value="{{ old('rnd_mpio') }}">
        </div>
        <div class="col">
            <label class="form-label">Día(DD)</label>
            <input id="rnd_day" name="rnd_day" type="text" class="form-control" maxlength="2"
                value="{{ old('rnd_day') }}" readonly>
        </div>
        <div class="col">
            <label class="form-label">Mes(MM)</label>
            <input id="rnd_month" name="rnd_month" type="text" class="form-control" maxlength="2"
                value="{{ old('rnd_month') }}" readonly>
        </div>
        <div class="col">
            <label class="form-label">Año(YYYY)</label>
            <input id="rnd_year" name="rnd_year" type="text" class="form-control" maxlength="4"
                value="{{ old('rnd_year') }}" readonly>
        </div>
        <div class="col">
            <label class="form-label">Identificador</label>
            <input id="rnd_identifier" name="rnd_identifier" type="text" class="form-control mask-4-digits"
                maxlength="4" value="{{ old('rnd_identifier') }}">
        </div>
    </div>
@endif

<div class="row justify-content-center" style="margin-top:1em">
    <div class="col-6">
        <label for="arrested_name" class="form-label">Nombre(s)</label>
        <input id="arrested_name" name="arrested_name" type="text" class="form-control"
            value="{{ old('arrested_name') }}" maxlength="255">
    </div>
    <div class="col-6">
        <label for="arrested_first_lastname" class="form-label">Apellido Paterno</label>
        <input id="arrested_first_lastname" name="arrested_first_lastname" type="text" class="form-control"
            value="{{ old('arrested_first_lastname') }}" maxlength="255">
    </div>
</div>
<div class="row justify-content-center" style="margin-top:1em">
    <div class="col-6">
        <label for="arrested_second_lastname" class="form-label">Apellido Materno</label>
        <input id="arrested_second_lastname" name="arrested_second_lastname" type="text" class="form-control"
            value="{{ old('arrested_second_lastname') }}" maxlength="255">
    </div>
    <div class="col-6">
        <label for="alias" class="form-label">Alias</label>
        <input id="alias" name="alias" type="text" class="form-control" value="{{ old('alias') }}" maxlength="255">
    </div>
</div>
<div class="row justify-content-center" style="margin-top:1em">
    <div class="col-3">
        <label for="gender" class="form-label">Sexo</label>
        <select id="gender" name="gender" class="form-control">
            <option value="">-- Seleccione un valor --</option>
            @if (old('gender') == 'hombre')
                <option value="hombre" selected>Hombre</option>
            @else
                <option value="hombre">Hombre</option>
            @endif
            @if (old('gender') == 'mujer')
                <option value="mujer" selected>Mujer</option>
            @else
                <option value="mujer">Mujer</option>
            @endif
            @if (old('gender') == 'no_binario')
                <option value="no_binario" selected>No binario</option>
            @else
                <option value="no_binario">No binario</option>
            @endif
        </select>
    </div>
    <div class="col-3">
        <label for="birthday" class="form-label">Fecha de nacimiento</label>
        <input id="birthday" name="birthday" type="date" class="form-control" onchange="calculateAge()"
            value="{{ old('birthday') }}">
    </div>
    <div class="col-3">
        <label for="age" class="form-label">Edad</label>
        <input id="age" name="age" type="number" class="form-control" disabled
            value="{{ old('age') }}">
    </div>
    <div class="col-3">
        <label for="apparent_age" class="form-label">Edad aparente</label>
        @if (old('birthday'))
            <input id="apparent_age" name="apparent_age" type="number" class="form-control mask-3-digits" disabled>
        @else
            <input id="apparent_age" name="apparent_age" type="number" class="form-control mask-3-digits"
                value="{{ old('apparent_age') }}">
        @endif
    </div>
</div>
<div class="row justify-content-center" style="margin-top:1em">
    <div class="col-6">
        <label for="nationality" class="form-label">Nacionalidad</label>
        <select id="nationality" name="nationality" class="form-control" onchange="enableNationality()">
            <option value="">-- Seleccione un valor --</option>
            @if (old('nationality') == 'mexicana')
                <option value="mexicana" selected>Mexicana</option>
            @else
                <option value="mexicana">Mexicana</option>
            @endif
            @if (old('nationality') == 'extranjera')
                <option value="extranjera" selected>Extranjera</option>
            @else
                <option value="extranjera">Extranjera</option>
            @endif
        </select>
    </div>
    <div class="col-6">
        <label for="other_nationality" class="form-label">¿Cuál nacionalidad?</label>
        @if (old('nationality') == 'extranjera')
            <input id="other_nationality" name="other_nationality" type="text" class="form-control"
                value="{{ old('other_nationality') }}">
        @else
            <input id="other_nationality" name="other_nationality" type="text" class="form-control" disabled>
        @endif
    </div>
</div>
<div class="row justify-content-center" style="margin-top:1em">
    <div class="col-6">
        <label for="suffering" class="form-label">Posee algún padecimiento</label>
        <select id="suffering" name="suffering" class="form-control" onchange="enableSuffering()">
            <option value="">-- Seleccione un valor --</option>
            @if (old('suffering') == 'si')
                <option value="si" selected>Si</option>
            @else
                <option value="si">Si</option>
            @endif
            @if (old('suffering') == 'no')
                <option value="no" selected>No</option>
            @else
                <option value="no">No</option>
            @endif
        </select>
    </div>
    <div class="col-6">
        <label for="other_suffering" class="form-label">¿Cuál padecimiento?</label>
        @if (old('suffering') == 'si')
            <input id="other_suffering" name="other_suffering" type="text" class="form-control"
                value="{{ old('other_suffering') }}">
        @else
            <input id="other_suffering" name="other_suffering" type="text" class="form-control" disabled>
        @endif
    </div>
</div>
<div class="row justify-content-center" style="margin-top:1em">
    <div class="col-6">
        <label for="vulnerable_member" class="form-label">Miembro de grupo vulnerable</label>
        <select id="vulnerable_member" name="vulnerable_member" class="form-control" onchange="enableVulnerable()">
            <option value="">-- Seleccione un valor --</option>
            @if (old('vulnerable_member') == 'si')
                <option value="si" selected>Si</option>
            @else
                <option value="si">Si</option>
            @endif
            @if (old('vulnerable_member') == 'no')
                <option value="no" selected>No</option>
            @else
                <option value="no">No</option>
            @endif
        </select>
    </div>
    <div class="col-6">
        <label for="other_vulnerable" class="form-label">¿Cuál grupo vulnerable?</label>
        @if (old('vulnerable_member') == 'si')
            <input id="other_vulnerable" name="other_vulnerable" type="text" class="form-control"
                value="{{ old('other_vulnerable') }}">
        @else
            <input id="other_vulnerable" name="other_vulnerable" type="text" class="form-control" disabled>
        @endif
    </div>
</div>
<div class="row justify-content-start" style="margin-top:1em">
    <div class="col-6">
        <label for="transfer_place" class="form-label">Lugar al que se traslado</label>
        <select id="transfer_place" name="transfer_place" class="form-control">
            @if (old('transfer_place') == 'fiscalia')
                <option value="fiscalia" selected>Fiscalía/Agencia</option>
            @else
                <option value="fiscalia">Fiscalía/Agencia</option>
            @endif
            @if (old('transfer_place') == 'hospital')
                <option value="hospital" selected>Hospital</option>
            @else
                <option value="hospital">Hospital</option>
            @endif
            @if (old('transfer_place') == 'juez_civico')
                <option value="juez_civico" selected>Juez Cívico</option>
            @else
                <option value="juez_civico">Juez Cívico</option>
            @endif
            @if (old('transfer_place') == 'otro')
                <option value="otro" selected>Otra dependencia</option>
            @else
                <option value="otro">Otra dependencia</option>
            @endif
        </select>
    </div>
    <div class="col-6">
        <label for="name_transfer_place" class="form-label">Nombre del lugar de traslado</label>
        <input list="name_transfer_places" id="name_transfer_place" name="name_transfer_place" type="text"
            class="form-control" value="{{ old('name_transfer_place') }}">
        <datalist id="name_transfer_places">
            <option value="Justicia Cívica">
        </datalist>
    </div>
</div>
<div class="row justify-content-start" style="margin-top:1em">
    <div class="col-6">
        <label for="location_transfer_place" class="form-label">Ubicación del lugar de
            traslado</label>
        <input list="location_transfer_places" id="location_transfer_place" name="location_transfer_place"
            type="text" class="form-control" value="{{ old('location_transfer_place') }}">
        <datalist id="location_transfer_places">
            <option value="Paseo de los Horizontes No. 30, Fraccionamiento Villa Magna, 78216 San Luis Potosí, S.L.P.">Justicia Cívica</option>
        </datalist>
    </div>
    <div class="col-6">
        <label for="injury" class="form-label">Lesiones visibles</label>
        <select id="injury" name="injury" class="form-control">
            <option value="">-- Seleccione un valor --</option>
            @if (old('injury') == 'si')
                <option value="si" selected>Si</option>
            @else
                <option value="si">Si</option>
            @endif
            @if (old('injury') == 'no')
                <option value="no" selected>No</option>
            @else
                <option value="no">No</option>
            @endif
        </select>
    </div>
</div>
<div class="row justify-content-center" style="margin-top:1em">
    <div class="col-12">
        <label for="arrested_description" class="form-label">Descripción del detenido</label>
        <textarea id="arrested_description" name="arrested_description" class="form-control" rows="10"
            placeholder="Describa brevemente a la persona detenida, incluyendo tipo de vestimenta y rasgos visibles (barba, tatuajes, cicatrices, lunares, bigote, etcétera)."
            maxlength="2000">{{ old('arrested_description') }}</textarea>
    </div>
</div>