@extends('layouts.app')

@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 Datos Generales (Hecho Probablemente Delictivo)
					</div>
				</div>
				<hr/>
				<div class="card-body" style="padding:0em 2em 2em 2em">
					@if($type == "Administrador" || $type == "Capturista General" || $type ==  "Subadministrador")
						<div class="row justify-content-center">
							<div class="col-12" style="" align="right">
								<a class="text-primary" href="{{ route('general-data-crimes.create') }}" style="cursor: pointer;text-decoration: none;font-size:1.2em;font-weight:bold">
									Nuevo
								</a>
							</div>
						</div>
					@endif
					<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>Folio Referencia</th>
									<th></th>
									@if($type == "Administrador" || $type ==  "Subadministrador" || $type == "Capturista General")
									<th></th>
									@endif
									@if($type == "Administrador" || $type ==  "Subadministrador")
										<th></th>
									@endif
									<th>Estado</th>
								</tr>
								</thead>
								<tbody>
                  @foreach ($generalDataCrimes as $generalDataCrime)
										<tr>
											<th>{{$generalDataCrime->code}}</th>
                                            <th>{{$generalDataCrime->log_sheet_id}}</th>
											<th>{{$generalDataCrime->policePresent->police_number.": ".$generalDataCrime->policePresent->full_name}}</th>
                                            <th>{{$generalDataCrime->log_sheet_id}}</th>
											<th> <a class="text-info" href="{{ route('general-data-crimes.show',$generalDataCrime->id) }}" style='padding:0em 0.3em;text-decoration:none;font-weight:bold;'> Ver</a>
											</th>
											<form  class="delete" action="{{ route('general-data-crimes.destroy',$generalDataCrime->id) }}" method="POST">
													@if($type == "Administrador" || $type ==  "Subadministrador" || $type == "Capturista General")
													<th>
														  @if($type == "Administrador" || $type ==  "Subadministrador" || ($generalDataCrime->status->name != "Concluido"))
															<a class="text-success" href="{{ route('general-data-crimes.edit',$generalDataCrime->id) }}"style='padding:0em 0.3em;text-decoration:none;font-weight:bold;'> Editar</a>
															@endif
													</th>
												  @endif
													@if($type == "Administrador" || $type ==  "Subadministrador")
													@csrf
													@method('DELETE')
													<th><button class="btn btn-link text-danger" style='padding:0em 0.2em;text-decoration:none;font-weight:bold;' type="submit" > Eliminar </button></th>
												  @endif
											</form>
											@if($generalDataCrime->status->name == "Abierto")
												<th><a class='btn btn-warning' href="{{ route('general-data-crimes.change-status-to-concluded',$generalDataCrime->id) }}"
														 style='padding:0em 0.3em;text-decoration:none;font-weight:bold;'>{{$generalDataCrime->status->name}}</a></th>
											@elseif($generalDataCrime->status->name == "Registrado")
												<th><a class='btn btn-success' href="route('changeStatusToRegistered', ['id' => {{$generalDataCrime->id}}])"
														 style='padding:0em 0.3em;text-decoration:none;font-weight:bold;'>{{$generalDataCrime->status->name}}</a></th>
											@elseif($generalDataCrime->status->name == "Concluido")
												<th><a class='btn btn-danger'
													 style='padding:0em 0.3em;text-decoration:none;font-weight:bold;'>{{$generalDataCrime->status->name}}</a></th>
											@endif
										</tr>
									@endforeach
								</tbody>
							</table>
						</div>
					</div>
				</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");

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

		});

		$('.delete').submit(function(event) {
		 event.preventDefault();
		 Swal.fire({
		      title: "¿Esta seguro que desea eliminar?",
		      icon: 'question',
		      showCancelButton: true,
		      confirmButtonText: "Sí, eliminar",
		      confirmButtonColor: '#DC3545',
		      cancelButtonText: "Cancelar",
		    }).then(function(result){
		      if (result.isConfirmed) {
		         event.target.submit();
		  	}
			})
		});

	</script>
@endsection