@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">
        
        <form action="http://35.232.42.155/fito/ejemploayaestilo/historial-capacitacion.html" method="post">

            <!-- BARRA DE BUSQUEDA -->
            <h1 style="margin-top: 50px" class="mayuscula">CAPACITACIONES</h1>
            <div class="mostrar" style="text-align: right">
               <a  href="javascript: history.go(-1)"><img src="img/volver.png" ></a>

            </div>
            <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 class="btn buscar float-sm-right" 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" 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">CUI</th>
                    <th class="container-1">Fecha capacitación</th>
                    <th class="container-1">Estado</th>
                    <th class="container-1">Cliente</th>
                    <th class="container-1">Comuna</th>
                    <th class="container-1">Dirección</th>
                    <th class="container-1">Acciones</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>{{$capacitacion->cui}}</td>
                    <td>{{Carbon\Carbon::createFromDate($capacitacion->fecha_capacitacion)->format('d-m-Y')}}</td>
                    <td>{{$capacitacion->estado_capa}}</td>
                    <td>{{$capacitacion->cliente}}</td>
                    <td>{{$capacitacion->comuna}}</td>
                    <td>{{$capacitacion->direccion}}</td>
                    <td>
                        <div style="text-align: center">
                            <a href="{{route('go.asignaciontecnico',Crypt::encryptString($capacitacion->id))}}"  role="button" title="Editar"><img src="{{  asset('Botones/Botones/Editar.png') }}" alt="" style="margin: 2px 5px"/></a>                        
                        </div>
                    </td>
                </tr>
                @endforeach
              </tbody>
            <!-- FIN RESULTADOS -->
            </table>
        </div>
        
    </div>
      <!-- FIN TABLA DE RESULTADOS DE BUSQUEDA -->
  </div>



@endsection