@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">
                    Transferir la Falta Administrativa a Hecho Probablemente Delictivo
                </div>
            </div>
            <hr />
            <div class="card-body" style="padding:0em 2em 2em 2em">
                <form method="POST" action="{{ route('updateStatusToTransferred') }}">
                    @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" align="center" style="color:red;font-size:1em">
                            <strong>
                                Se puede tranferir la Falta Administrativa a un Hecho Probablemente Delictivo.
                                El código de seguimiento seguirá siendo el mismo.
                                <br>
                                Al transferir la falta administrativa se tendrá que continuar y agregar los anexos necesarios en la sección de "Hechos delictivos".
                            </strong>
                        </div>
                        <div class="col-11">
                            <div class="row justify-content-start" style="margin-top:1em">
                                <div class="col-3">
                                    <label class="form-label">
                                        <strong>Código</strong>
                                    </label>
                                    <p>
                                        {{ isset($data->code) ? $data->code : 'S/D' }}
                                    </p>
                                </div>
                                <div class="col-3">
                                    <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-3">
                                    <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 class="col-3">
                                    <label class="form-label">
                                        <strong>Número de expediente</strong>
                                    </label>
                                    <p>
                                        {{ isset($data->file_number) ? $data->file_number : '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:1.5em">
                        <div class="col-12" align="right" style="padding-right:6%">
                            <button id="buttonSubmit" type="submit" class="btn btn-primary btn-block">Sí tranferir</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