@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">
        Capacitaciones
        <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 mt-5">

    
        
        <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 class="text-center mb-5 mt-5">
        {{-- <button type="buscar" class="btn buscar float-sm-right"> --}}
    <a class="btn btn-pill btn-prim w-25" href="{{route('go.capacitacion')}}" style="color:#FFFFFF; margin-top: 5px; width: 104px;text-decoration: none">Agregar</a>
    {{-- </button> --}}
      </div>


    <!-- TABLA DE RESULTADOS DE BUSQUEDA -->
    <!-- TABLA DE RESULTADOS DE BUSQUEDA -->
        <div class="container table-responsive mb-5 p-sm-0">
            <table class="table table-striped table-hover">
            <!-- ENCABEZADO -->
            <thead class="color-head">
                <tr>
                    <th class="th-head border-th separador-v" colspan="1">CUI</th>
                    <th class="th-head border-th separador-v" colspan="1">Fecha capacitación</th>
                    <th class="th-head border-th separador-v" colspan="1">Estado</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">Dirección</th>
                    <th class="th-head border-th"><span class="material-icons">settings</span></th>
                </tr>
              {{-- <tr>
                <th class="container-1"><h3>Fecha de capacitación</h3></th>
                <th class="container-2"><h3>Cantidad de Personas</h3></th>
                <th class="container-2"><h3>Cliente</h3></th>
                <th class="container-2"><h3>Comuna</h3></th>
                <th class="container-2"><h3>Contacto</h3></th>
                <th class="container-1"><h3>Acciones</h3></th>
                </tr> --}}
              </thead>
            <!-- FIN ENCABEZADO -->

            <!-- RESULTADOS -->
            <tbody>
                @foreach ($capas as $capacitacion)
                {{-- <tr>
                    <td>
                        {{Carbon\Carbon::createFromDate($capacitacion->fecha_capacitacion)->format('d-m-Y')}}
                    </td>
                       <td>{{$capacitacion->cantidad_personas}}</td>
                      <td>{{$capacitacion->cliente}}</td>
                    <td>{{$capacitacion->comuna}}</td>
                    <td>{{$capacitacion->datoscontacto}}</td>
                <td>
                    <div style="text-align: center">
                        <form action="{{route('go.visualizardetalleretiro')}}" method="GET">
                        <button type="submit" style="border:0px;border-color:transparent;background-color:transparent;"><input type="text" style="display:none "  id="check" value="{{Crypt::encryptString($capacitacion->id)}}" name="check">
                          <a href="#" role="button" title="Historial"><img  src="{{ asset('Botones/Botones/Historial.png') }}" class="ver_historial"   alt="" style="margin: 2px 5px"/></a></button>
                           <!--<a href="#" role="button" title="Finalizar Manual"><img  src="{{ asset('Botones/Botones/Finalizar_manual.png') }}"   alt="" style="margin: 2px 5px"/></a>-->
                        </form>
                    </div>
                  </td> --}}
                {{-- </tr> --}}
                <tr>
                    <td class="td-val">{{$capacitacion->cui}}</td>
                    <td class="td-val">{{Carbon\Carbon::createFromDate($capacitacion->fecha_capacitacion)->format('d-m-Y')}}</td>
                    <td class="td-val">{{$capacitacion->estado_capa}}</td>
                    <td class="td-val">{{$capacitacion->cliente}}</td>
                    <td class="td-val">{{$capacitacion->comuna}}</td>
                    <td class="td-val">{{$capacitacion->direccion}}</td>
                    <td class="td-val">
                        <div class="dropdown dropleft" style="text-align: center">
                            <button type="button" class="btn-dropdown" data-toggle="dropdown">
                                <span class="material-icons">more_vert</span>
                              </button>

                              <div class="dropdown-menu mostrar shadow">
                                <div class="d-flex justify-content-around">
                        <div style="text-align: center">
                            <a href="{{route('go.asignaciontecnico',Crypt::encryptString($capacitacion->id))}}"  role="button" title="Editar" class="btn-icon btn-icon-dd"><span class="material-icons">edit</span></a>                        
                        </div>
                                </div>
                              </div>
                        </div>
                    </td>
                </tr>
                @endforeach
              </tbody>
            <!-- FIN RESULTADOS -->
            </table>
        </div>
      <!-- FIN TABLA DE RESULTADOS DE BUSQUEDA -->
  </div>



@endsection