@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">
						Registro de actividades en la aplicación
					</div>
				</div>
				<hr/>
                <div class="card-body" style="padding:0em 2em 2em 2em">

                    <form id="search_by_date_range" method="GET" action="{{ route('general-data-logs.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>Fecha</th>
									<th>Usuario</th>
                                    <th>Tipo</th>
									<th>Registro</th>
									<th>Ip</th>
									<th>Agente</th>
								</tr>
								</thead>
								<tbody>
                                @foreach ($generalDataLogs as $generalDataLog)
										<tr>
                                            <th>{{$generalDataLog->created_at}}</th>
                                            <th>{{$generalDataLog->user->full_name}}</th>
                                            <th>{{$generalDataLog->user->userTypeString()}}</th>
                                            <th>{{$generalDataLog->log}}</th>
                                            <th>{{$generalDataLog->ip}}</th>
                                            <th>{{$generalDataLog->user_agent}}</th>
										</tr>
										</t
									@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,
			} );

		});
	</script>
@endsection