@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">
                    Concluir Hecho Probablemente Delictivo
                </div>
            </div>
            <hr />
            <div class="card-body" style="padding:0em 2em 2em 2em">
                <form method="POST" action="{{ route('general-data-crimes.update-status-to-concluded', $generalDataCrime->id) }}">
                    {{ method_field('PATCH') }}
                    @csrf

                    <div class="row justify-content-center">
                        <div class="col-12">
                            <a href="{{route('general-data-crimes.index')}}" 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>
                                Para poder obtener el IPH en fomato PDF descargable es necesario cambiar el estado a concluido.
                                <br>
                                Al cambiar el estado a concluido el Capturista ya no podrá editar los datos.
                            </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($generalDataCrime->code) ? $generalDataCrime->code : 'S/D' }}
                                    </p>
                                </div>
                                <div class="col-3">
                                    <label class="form-label">
                                        <strong>Número de referencia</strong>
                                    </label>
                                    <p>
                                        {{ isset($generalDataCrime->reference_number) ? $generalDataCrime->reference_number : 'S/D' }}
                                    </p>
                                </div>
                                <div class="col-3">
                                    <label class="form-label">
                                        <strong>Folio de referencia (bitácora)</strong>
                                    </label>
                                    <p>
                                        {{ isset($generalDataCrime->log_sheet_id) ? $generalDataCrime->log_sheet_id : 'S/D' }}
                                    </p>
                                </div>
                                <div class="col-3">
                                    <label class="form-label">
                                        <strong>Oficial que presenta</strong>
                                    </label>
                                    <p>
                                        {{ isset($generalDataCrime->police_present_id) ? $generalDataCrime->policePresent->full_name : 'S/D' }}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <input type="hidden" id="id" value="{{  $generalDataCrime->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">Concluir definitivamente</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

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