@extends('menu/menu')

@section('content')
@if ( session('mensaje') )
    <div class="alert alert-success">{{ session('mensaje') }}</div>
@endif

<div class="container mt-5">
    <div class="title-vista mt-4 d-flex justify-content-between">
        Resumen de retiro
        <div class="mostrar-contenido">
            <a class="btn"  href="javascript: history.go(-1)">
               <span class="material-icons-round icon-midle">arrow_back</span>
               Volver
            </a>
        </div>
    </div>
</div>

<div class="container">
    <div class="container">


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

            <!-- BARRA DE BUSQUEDA -->
            
            {{-- <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="text-center mb-5 mt-5">
        <a class="btn btn-pill btn-prim w-25" href="{{route('go.resumenes_retiro')}}">Agregar</a>
    </div>


    <!-- TABLA DE RESULTADOS DE BUSQUEDA -->
    <div class="container table-responsive mb-5">
        <table class="table table-striped table-hover">
            <!-- ENCABEZADO -->
            <thead class="color-head">
              <tr>
                <th class="th-head border-th separador-v" colspan="1">Fecha de resumen</th>
                <th class="th-head border-th separador-v" colspan="1">Equipos embalados</th>
                <th class="th-head border-th separador-v" colspan="1">Equipos sin embalados</th>
                <th class="th-head border-th separador-v" colspan="1">Cantidad de bultos</th>
                <th class="th-head border-th separador-v" colspan="1">Cliente</th>
                <th class="th-head border-th separador-v" colspan="1">Comuna</th>
                <th class="th-head border-th separador-v" colspan="1">CUI</th>
                <th class="th-head border-th"><span class="material-icons">settings</span></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 class="td-val">{{$los_datos->suma_embalados}}</td>
                    <td class="td-val">{{$los_datos->suma_sinembalar}}</td>
                    <td class="td-val">{{$los_datos->cantidad_bultos}}</td>
                    <td class="td-val">{{$los_datos->cliente}}</td>
                    <td class="td-val">{{$los_datos->comuna}}</td>
                    <td class="td-val">{{$los_datos->cuisucursal}}</td>
                    <td class="td-val">
                        <div style="text-align: center">
                            <form action="{{route ('go.verdetalleresumenretiro')}}" method="GET">
                                <button type="submit" class="btn-icon btn-icon-dd editar_cliente" >
                                    <input type="text" style="display:none"  id="check" value="{{$los_datos->id}}" name="check">
                                    <a href="#" role="button" title="Ver Resumen" class="btn-icon btn-icon-dd"><span class="material-icons">history</span></a>
                                </button>
                            </form>
                        </div>
                    </td>
                </tr>
              @endforeach
              @endif
            <!-- FIN RESULTADOS -->
            </table>
    </div>
    <div class="container">
        <div class=" d-flex justify-content-center">
            @if(!empty($datosretiro))
            {{-- {{$solicitudes->Links()}} --}}
            {{ $datosretiro->appends(request()->query())->links() }}
            @endif 
        </div>
    </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