@extends('layouts.app')

@section('style')
    <link href="{{ asset('datatables/Buttons-2.0.1/css/buttons.dataTables.min.css') }}" rel="stylesheet">
@endsection

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

			<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">
						Gestión de Reportes (Falta Administrativa)
					</div>
				</div>
				<hr/>
				<div class="card-body" style="padding:0em 2em 2em 2em">

                    <form id="search_by_date_range" method="GET" action="{{ route('report-faults.search-by-date-range') }}">
                        @include('partials.formSearchByDateRage')
                    </form>

					<div class="row justify-content-center" style="margin-top:0.2em">
						<div class="col-12 table-responsive">
							<table id="table_info"  class="table table-bordered" style="width:100%">
								<thead>
									<tr>
										<th>Código</th>
										<th>Folio Bitácora</th>
                                        <th>Primer Respondiente</th>
                                        <th>Fecha de Creación</th>
										<th>No. Expediente</th>
                                        <th>RND</th>
                                        <th>Detenidos</th>
                                        <th>Vehículos</th>
										<th></th>
										<th></th>
										<th></th>
									</tr>
								</thead>
								<tbody>
									@for($i=0; $i<count($reports);$i++)
										<tr>
											<th>{{$reports[$i]->code}}</th>
											<th>{{$reports[$i]->log_sheet_id}}</th>
                                            <th>{{$reports[$i]->firstRespondent->police_number.": ".$reports[$i]->firstRespondent->full_name}}</th>
                                            <th>{{$reports[$i]->created_at}}</th>
											<th>{{$reports[$i]->file_number}}</th>
                                            <th>@foreach($reports[$i]->arrestedsFault as $arrestedFault)
                                                    {{ $arrestedFault->rnd }}<br>
                                                @endforeach
                                            </th>
                                            <th>@foreach($reports[$i]->arrestedsFault as $arrestedFault)
                                                {{ trim($arrestedFault->full_name) != "" ? $arrestedFault->full_name : 'Sin nombre'  }}<br>
                                            @endforeach
                                            </th>
                                            <th>
                                                {{ $reports[$i]->vehiclesFault->count() }}
                                            </th>
										    <th>
                                                <a href='{{ route('iph-complete', $reports[$i]->id) }}'
                                                @if ($reports[$i]->status->name == "Concluido")
                                                    class='text-success'
                                                    style='padding:0em 0.3em;text-decoration:none;font-weight:bold;'
                                                    onclick='loadingPDFAlert("Generando IPH")'>Informe Policial Homologado Terminado</a>
                                                @else
                                                    class='text-danger'
                                                    style='padding:0em 0.3em;text-underline;font-weight:bold;'
                                                    onclick='loadingPDFAlert("Generando vista previa del IPH")'>IPH vista previa sin registrar por el Juez.</a>
                                                @endif
                                            </th>
											<th>
                                                <a class='text-primary' href='{{ route("downloadMedicCards", ["id" => $reports[$i]->id]) }}
                                                  style='padding:0em 0.3em;text-decoration:none;font-weight:bold;' onclick='loadingPDFAlert("Generando Tarjeta médica")'>Tarjeta médica</a>
                                            </th>
											<th>
                                                <a class='text-primary' href='{{ route('downloadMedicFormats', ['id' => $reports[$i]->id]) }}
                                                  style='padding:0em 0.3em;text-decoration:none;font-weight:bold;' onclick='loadingPDFAlert("Generando Formato médico")'>Formato médico</a>
                                            </th>
										</tr>
									@endfor
								</tbody>
							</table>
						</div>
					</div>

				</div>
			</div>

		</div>
	</div>
@endsection

@section('js-files')
<script src="{{ asset('jszip-v3.10.1/dist/jszip.min.js') }}"></script>
<script src="{{ asset('pdfmake-0.2.7/build/pdfmake.min.js') }}"></script>
<script src="{{ asset('pdfmake-0.2.7/build/vfs_fonts.js') }}"></script>
<script src="{{ asset('datatables/Buttons-2.0.1/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('datatables/Buttons-2.0.1/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('datatables/Buttons-2.0.1/js/buttons.print.min.js') }}"></script>
    <script src="{{ asset('assets/js/sweetalerts.js') }}"></script>
	<script type="text/javascript">

		$( document ).ready(function() {
			$('#table_info').DataTable( {
				language: {url: 'datatables/Spanish.json'},
				dom: 'Bfrtip',
				searching:true,
				paging:true,
				ordering:true,
				bLengthChange: false,
			} );
		});

	</script>

@endsection