@extends('menu/menu')
<style>
.mostrar {
  display: none;

}
@media (max-width: 768px) {
    .mostrar {
    display: block;
    
  }
}
</style>
@section('content')
@if ( session('mensaje') )
    <div class="alert alert-success">{{ session('mensaje') }}</div>
@endif
<div class="container-fluid">
    <div class="container">

<div class="mostrar" style="text-align: right;margin-top:40px;">
   <a  href="javascript: history.go(-1)"><img src="img/volver.png" ></a>

</div>
        <form action="http://35.232.42.155/fito/ejemploayaestilo/historial-capacitacion.html" method="post">

            <!-- BARRA DE BUSQUEDA -->
            <h1 style="margin-top: 50px">Resumen de Retiros</h1>
           
            <div class="row reex" style="height: auto">

               {{--  <div class="container col-12" style="margin-top: 10px">
                    <h2><strong>Filtrar por</strong></h2>
                </div>

                <div class="container col-sm-3 form-group">
                    <label for="email"><h2>Fecha de capacitación</h2></label>
                    <input type="date" class="form-control" id="fecha" name="fecha">
                </div>
                <div class="container col-sm form-group">
                    <label for="email"><h2>Estado</h2></label>
                    <select name="comuna" class="custom-select">
                        <option selected="">TODOS</option>
                        <option value="volvo">UNA</option>
                        <option value="fiat">DOS</option>
                        <option value="audi">ATRES</option>
                    </select>
                </div>
                <div class="container col-sm form-group">
                    <label for="email"><h2>Cliente</h2></label>
                    <select name="comuna" class="custom-select">
                        <option selected="">TODOS</option>
                        <option value="volvo">UNA</option>
                        <option value="fiat">DOS</option>
                        <option value="audi">ATRES</option>
                    </select>
                </div>
                <div class="container col-sm form-group">
                    <label for="email"><h2>Comuna</h2></label>
                    <select name="comuna" class="custom-select">
                        <option selected="">TODAS</option>
                        <option value="volvo">UNA</option>
                        <option value="fiat">DOS</option>
                        <option value="audi">ATRES</option>
                    </select>
                </div>
                <div class="container col-sm-4 form-group">
                    <label for="email"><h2>Nombre del técnico</h2></label>
                    <input type="" class="form-control" id="" placeholder="NOMBRE DEL TÉCNICO" name="">
                </div> --}}
            </div>

        </form>
        <!-- FIN BARRA DE BUSQUEDA -->
    </div>

    <div class="container" style="margin-top: 20px">
        <button type="buscar" class="btn buscar float-sm-right">
    <a href="{{route('go.resumenes_retiro')}}" style="color:#FFFFFF; margin-top: 5px; width: 104px;text-decoration: none">Agregar</a>
    </button>
      </div>


    <!-- TABLA DE RESULTADOS DE BUSQUEDA -->
    <div class="container" style="margin-top: 100px">
        <div class="conteiner row rein table-responsive-md" style="border: 5px solid #e8f5fe">
            <table class="table table-sm table-bordered table-responsive-lg table-striped table-hover">
            <!-- ENCABEZADO -->
            <thead>
              <tr>
                <th class="container-1"><h3>Fecha de resumen</h3></th>
                <th class="container-2"><h3>Equipos embalados</h3></th>
                <th class="container-2"><h3>Equipos sin embalados</h3></th>
                <th class="container-2"><h3>Cantidad de bultos</h3></th>
                <th class="container-2"><h3>Cliente</h3></th>
                <th class="container-2"><h3>Comuna</h3></th>
                <th class="container-2"><h3>CUI</h3></th>
                <th class="container-1"><h3>Acciones</h3></th>
                </tr>
              </thead>
            <!-- FIN ENCABEZADO -->

            <!-- RESULTADOS -->

              @if(!empty($datosretiro))
              @foreach ($datosretiro   as $los_datos)
                <tr>
                    <td>
                        {{Carbon\Carbon::createFromDate($los_datos->fecha_resumen)->format('d-m-Y')}}
                    </td>
                        <td>{{$los_datos->suma_embalados}}</td>
                        <td>{{$los_datos->suma_sinembalar}}</td>
                        <td>{{$los_datos->cantidad_bultos}}</td>
                        <td>{{$los_datos->cliente}}</td>
                        <td>{{$los_datos->comuna}}</td>
                        <td>{{$los_datos->cuisucursal}}</td>
                        <td>
                        <div style="text-align: center">
                        <form action="{{route ('go.verdetalleresumenretiro')}}" method="GET">

                                <button type="submit" style="border:0px;border-color:transparent;background-color:transparent;">
                                    <input type="text" style="display:none "  id="check" value="{{$los_datos->id}}" name="check">
                                    <a href="#" role="button" title="Ver Resumen"><img  src="{{ asset('Botones/Botones/Historial.png') }}" class="ver_historial"   alt="" style="margin: 2px 5px"/></a>
                                </button>
                        </form>
                 
                         
                    </div>
                    </td>
                </tr>
              @endforeach
              @endif
            <!-- FIN RESULTADOS -->
            </table>
        </div>
        @if(!empty($datosretiro))
        {{-- {{$solicitudes->Links()}} --}}
        {{ $datosretiro->appends(request()->query())->links() }}
        @endif 
    </div>
      <!-- FIN TABLA DE RESULTADOS DE BUSQUEDA -->
  </div>







<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./Untitled Document_files/jquery-3.4.1.min.js.descarga"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="./Untitled Document_files/popper.min.js.descarga"></script>
<script src="./Untitled Document_files/bootstrap-4.4.1.js.descarga"></script>
@endsection