@extends('layouts.main', ['activePage' => 'Prestadores', 'titlePage' => 'Prestadores'])

@section('content')
 
                  
<div class="content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-12">
      <div class="card-header card-header-info">

<h4 class="card-title">Actividades de Extension en el Currículo | {{ $sedeprincipal  }}   


</h4> 
</div>

        <div class="card">

          <div class="card-header card-header-info">
            <h4 class="card-title">Estudiantes</h4>
            <p class="card-category">Listado</p>
          </div>
          <div class="card-body">
            <div class="row">
              <div class="col-12 text-right">
              
                <a href="{{ route('Prestadores.create') }}" class="btn btn-sm btn-facebook">Añadir Estudiantes</a>
             
              </div>

               <div class="card-body table-responsive " style="height: 600px;">




                <table id="example" class="table table-head-fixed text-nowrap">
                  <thead>
                                       <tr>
                            <th> Identificacón </th>
                            <th> Nombres</th>
                            <th> Apellidos</th>
                            <th> Sección</th>
                            <th> Proyecto</th>
                            <th> Especialidad </th>
                           <th class="text-right" id="table-body"> Acciones </th>
                        </tr>
                  </thead>
                  <tbody>
                          @foreach ($data as $key => $el)
    <tr>
         <td>{{$el->ci}}</td>
         <td>{{$el->firstname}} {{$el->middlename}}</td>
         <td>{{$el->primary_lastname}} {{$el->second_lastname}}</td>
         <td>{{$el->grupo_id}}</td>
          <td>{{$el->nombre_proyecto}}</td>
          <td>{{$el->nombre}}</td>
          <td class="td-actions text-right">
    <a href="{{ route('Prestadores.edit', $el->id) }}" class="btn btn-warning"><i class="material-icons">edit</i></a>

            <form action="{{ route('Prestadores.destroy', $el->id) }}" method="POST" style="display: inline-block;" onsubmit="return confirm('Seguro?')">
                                @csrf
                                @method('DELETE')
                                    <button class="btn btn-danger" type="submit" rel="tooltip">
                                    <i class="material-icons">close</i>
                                    </button>
                                </form>

         </td>
    </tr>
    @endforeach
                    
                  </tbody>
                   
                 
                </table>
              </div>



            </div>
          
            </div>
          </div>
         

        </div>
      </div>
    </div>
  </div>

@endsection

@section('scripts')

 <script type ="text/javascript">

$(document).ready(function () {
    $('#example').DataTable({

        "language": {
          "search":  "Buscar",
          "searchPlaceholder": "Buscar...",
          "lengthMenu": "Mostrar _MENU_ registros por página",
          "info":       "Mostrando página _PAGE_ de _PAGE_",
           "emptyTable":     "No hay datos disponibles en la tabla",
           "infoEmpty":      "Mostrando 0 a 0 de 0 entradas",
          "paginate": {

                    "previous": "Anterior",
                    "next":     "Siguiente",
                    "first":    "Primero",
                    "last":     "Último"
          }
        }

    });
});



</script>
@endsection