@extends('layouts.app')

@section('content')
<div class="row justify-content-center" style="margin-top:1em">
    <div class="col-10">

        <div class="card shadow p-3 mb-5 bg-body rounded">
            <div class="row justify-content-center" style="margin-top:0em;margin-bottom:0em;padding:0em">
                <div class="col-12" align="center" style="color:#222222;font-family:Soho Std;font-size:2.2em">
                    Registro de Expediente
                </div>
            </div>
            <hr />
            <div class="card-body" style="padding:0em 2em 2em 2em">
                <form method="POST" action="{{ route('updateStatusToRegistered') }}">
                    @csrf

                    <div class="row justify-content-center">
                        <div class="col-12">
                            <a href="{{route('datos-generales')}}" style="cursor: pointer;text-decoration: none;color:darkslateblue;font-size:1.1em">
                                <strong>
                                    <i class="fas fa-arrow-left"></i> Volver
                                </strong>
                            </a>
                        </div>
                    </div>

                    <div class="row justify-content-center" style="margin-top:1em">
                        <div class="col-11">
                            <div class="row justify-content-start" style="margin-top:1em">
                                <div class="col-4">
                                    <label class="form-label">
                                        <strong>Código</strong>
                                    </label>
                                    <p>
                                        {{ isset($data->code) ? $data->code : 'S/D' }}
                                    </p>
                                </div>
                                <div class="col-4">
                                    <label class="form-label">
                                        <strong>Número de referencia</strong>
                                    </label>
                                    <p>
                                        {{ isset($data->reference_number) ? $data->reference_number : 'S/D' }}
                                    </p>
                                </div>
                                <div class="col-4">
                                    <label class="form-label">
                                        <strong>Folio de referencia (bitácora)</strong>
                                    </label>
                                    <p>
                                        {{ isset($data->log_sheet_id) ? $data->log_sheet_id : 'S/D' }}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <input type="hidden" id="id" value="{{ $data->id }}" name="id">
                    <div class="row justify-content-center" style="margin-top:1em">
                        <div class="col-11">
                            <div class="row justify-content-start" style="margin-top:1em">
                              <div class="col-4">
                                <label for="arrival_date" class="form-label">Fecha de la puesta a disposición</label>
                                <input id="arrival_date" name="arrival_date" type="date" class="form-control" value="{{isset($data->arrival_date)? $data->arrival_date : old('arrival_date') }}" required>
                              </div>
                              <div class="col-4">
                                <label for="arrival_hour" class="form-label">Hora de la puesta a disposición</label>
                                <input id="arrival_hour" name="arrival_hour" type="time" class="form-control" value="{{isset($data->arrival_hour)? substr($data->arrival_hour, 0,-3) : old('arrival_hour') }}" required>
                              </div>
                                <div class="col-4">
                                    <label for="file_number" class="form-label">Número de expediente</label>
                                    <input id="file_number" name="file_number" type="number" class="form-control" value="{{isset($data->file_number)? $data->file_number : old('file_number') }}"
                    								 required autofocus>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row justify-content-center" style="margin-top:1.5em">
                        <div class="col-12" align="right" style="padding-right:6%">
                            <button id="buttonSubmit" type="submit" class="btn btn-primary btn-block">Registrar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js-files')
<script type="text/javascript">
  $( document ).ready(function() {
    document.getElementById('offenseCollapse').setAttribute("aria-expanded", true);
    document.getElementById('offense').classList.add("show");
  });
</script>
@endsection