@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('porteria.reporte')  }}" method="post">
            @csrf
                <div class="az-content-label mg-b-5">Reporte</div>
                <p class="mg-b-20">Selecione los filtros a continuacion</p>

                <div class="pd-10 ">
                    <div class="row row-xs">
                        <div class="col-md-2">
                            <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-2">
                            <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-md-2 ">
                            <label for="daesde"> Empresa </label>
                            <select id="id_empresa" name="id_empresa" class="form-control">
                                <option value="1,2" @if ($id_empresa == '1,2') selected @endif>Todas</option>
                                @foreach ($empresas as $row)
                                <option value="{{$row->id_empresa}}" @if ($row->id_empresa == $id_empresa) selected @endif> {{$row->razon_social}} </option>
                                @endforeach
                            </select>
                        </div><!-- col -->
                        <div class="col-md-3 ">
                            <br>
                            <button type="submit" class="btn btn-primary btn-block">Buscar</button>
                        </div><!-- col -->
                        @if (count($datos))
                            <div class="col-3">
                                <br>
                                <button type="button" id="reporteDetalleExcel" class="btn btn-success btn-block"  >Exportal Excel</button>
                            </div>
                        @endif
                    </div><!-- col -->
                </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>Empresa</th>
                                    <th>Rut</th>
                                    <th>Colaborador</th>
                                    <th>Tipo Registro</th>
                                    <th>Fecha Registro</th>
                                </tr>
                            </thead>
                            <tbody>
                                                                @foreach ($datos as $dato) 
                                    <tr id="fila_{{$i}}">
                                        <td>{{ $dato->empresa}}</td>
                                        <td>{{ $dato->rut}}</td>
                                        <td>{{ $dato->colaborador}}</td>
                                        <td>{{ $dato->tipo }}</td>
                                        <td>{{ $dato->hora_registro }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div><!-- table-responsive -->
                </div>
            </div>
                
            @endif
        </div><!-- card -->
    </div><!-- col -->
    
@endsection

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