@extends('layout/principal')
@section('titulo', 'Reportes')
@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">
    <div class="row">
        <div class="col-12 mg-b-20">
            <form action="{{ route('casino.menuMejoradoListar')  }}" method="post">
            @csrf
                <div class="az-content-label mg-b-5">Menus Mejororado Autorizados</div>
                <p class="mg-b-20">Selecione los filtros a continuacion</p>

                <div class="pd-30 pd-sm-40 bg-gray-200">
                    <div class="row row-xs">
                        <div class="col-md-3">
                            <label for="daesde"> Desde</label>
                            <input type="text" name="desde" id="desde" class="form-control datepicker" style="background-color: white" value="{{$desde}}">
                        </div><!-- col -->
                        <div class="col-md-3">
                            <label for="daesde"> Hasta</label>
                            <input type="text" name="hasta" id="hasta" class="form-control datepicker" style="background-color: white"  value="{{$hasta}}">
                        </div><!-- col -->
                        <div class="col-6">
                            <label for="daesde"> <br></label>
                            <button type="submit" class="btn btn-primary btn-block">Buscar</button>
                        </div><!-- col -->
                    </div><!-- col -->
                    <div class="row">
                        
                    </div><!-- row -->
                </div>

            </form>
            <br>
            @if (count($datos))
            <div class="row">
                <div class="col-12">
                    <h6>Resultados</h6>
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered ">
                            <thead>
                                <tr>
                                    <th>Colaborador</th>
                                    <th>Menu</th>
                                    <th>Fecha</th>
                                    <th>Autorizado Por</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($datos as $dato) 
                                    
                                    <tr>
                                        <td>{{ $dato->persona }}</td>
                                        <td>{{ $dato->menu}}</td>
                                        <td> {{$dato->fecha }}</td>
                                        <td>{{ $dato->autorizante}}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                            
                        </table>
                    </div><!-- table-responsive -->
                </div>
            </div>
                
            @endif
        </div><!-- card -->
    </div><!-- col -->
    
@endsection

@section('scripts')
    <script src="/assets/js/reportes/reporte.js"></script>   
@endsection