@extends('layouts.head')
@section('content')

<!-- <link href="../vendors/datatables.net-bs/css/dataTables.bootstrap.min.css" rel="stylesheet">
    <link href="../vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css" rel="stylesheet"> -->
    {{-- <link href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css" rel="stylesheet">
    <link href="https://cdn.datatables.net/buttons/2.0.1/css/buttons.dataTables.min.css" rel="stylesheet"> --}}
    <style type>
    .check_dias{
        background-color: transparent;
        border: 1px solid #ccc;           
        padding: 8px 5px 6px 15px;
        width: 100%;
    }
    .check_dias label{
        margin-bottom: 0px !important;
        margin-right: 10px !important;
    }
    .check_dias .icheckbox_flat-green{
        margin-right: 8px !important;
    }
    


    </style>
      
	
      <div class="content-wrapper">
        <section class="content">
            <div class="container-fluid">
                <div class="row ">
                    <div class="col-md-12">
                        <div class="card card-primary row">
                                <div class="card-header" >
                                    <h3 class="card-title"><b>Auditoria </b> </h3>
                                </div>
                                <div id="listado">
                                    <div class="x_content x_content_border_mobil">
                                        <div class="panel panel-primary" id="contet_lista_documentos">
                                            <div class="panel-heading" style="padding: 5px 10px;"> 
                                                <i class="fa fa-cog"></i> Criterios para filtrar
                                            </div> 
                                            <div class="panel-body"> 
                                                <form id="filtrar_audit" method="POST" enctype="multipart/form-data"  class="form-horizontal form-label-left">
                                                    <div class="form-group" >
                                                        <label class="control-label col-md-4 col-sm-4 col-xs-12" for="nombre_menu">Fecha Inicio:</label>
                                                        <div class="col-md-4 col-sm-4 col-xs-12" style="padding-top: 8px;">
                                                                <input type="date" id="fechaInicio" name="fechaini" value="@php echo date('Y-m-d')	@endphp" onchange="" class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="form-group" >
                                                        <label class="control-label col-md-4 col-sm-4 col-xs-12" for="nombre_menu">Fecha Fin:</label>
                                                        <div class="col-md-4 col-sm-4 col-xs-12" style="padding-top: 8px;">
                                                                <input type="date" id="fechaFin" name="fechafin" value="@php echo date('Y-m-d')	@endphp" onchange="" class="form-control">
                                                        </div>
                                                    </div>

                                                    <div class="form-group" style="user-select: none;">
                                                        <label class="control-label col-md-4 col-sm-4 col-xs-12" for=""></label>
                                                        <div class="col-md-8 col-sm-8 col-xs-12" style="padding-top: 8px;">
                                                            <button type="submit" class="btn btn-primary" ><i class="fa fa-filter"></i> Filtrar Datos</button>
                                                        </div>
                                                    </div>                                   

                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        </div>
                        <div class="x_panel">
                            <div class="x_title">
                                <div class="row">
                                    <div class="col-md-12 col-sm-12 col-xs-12">
                                <h2><i class="fa fa-bars"></i><font style="vertical-align: inherit;"></font> <b>AUDITORÍA</b></font></h2>

                                    </div>
                                </div>
                            </div>

                            <div class="x_content x_content_border_mobil" >
                                <div class="row">
                                    <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="table-responsive">
                                            <table id="table_audits" style="color: black" class="table table-striped table-bordered dataTable no-footer" role="grid" aria-describedby="datatable_info">
                                            <thead class="thead-dark">
                                                <tr>
                                                <th scope="col">Modelo</th>
                                                <th scope="col">Acción</th>
                                                <th scope="col">Usuario</th>
                                                <th scope="col">IP</th>
                                                <th scope="col">Fecha</th>
                                                <th width="10px" scope="col">Antiguo valor</th>
                                                <th scope="col">Nuevo Valor</th>
                                                </tr>
                                            </thead>
                                            <tbody id="audits">
                                
                                            </tbody>
                                            </table>

                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </section>
    </div>
            
                

	 <!-- <script src="../vendors/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="../vendors/datatables.net-bs/js/dataTables.bootstrap.min.js"></script> -->
    {{-- <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.0.1/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.0.1/js/buttons.print.min.js"></script> --}}

    




     <script src="{{asset('js/audit.js')}}"></script>
    @endsection