@extends('layouts.app')

@section('conteudo')

<br>
<center>
  @if (session('erro'))
  <div class="alert alert-danger">
    {{ session('erro') }}
  </div>
  @endif
</center>


<!-- Hero -->
<div class="bg-image" style="background-image: url(''); margin-top: 70px;">
  <div class="bg-black-50">
    <div class="content content-full">
      <div class="d-flex justify-content-between align-items-center">
        <h1 class="flex-grow-1 fs-2 text-white my-2">
          <i class="fa fa-boxes text-white-50 me-1"></i> Turmas Antigas
        </h1>
        <a class="btn btn-primary my-2" href="/visualizar_projeto/{{$projeto->id}}">
          <i class="fa fa-reply" aria-hidden="true"></i>
          <span class="d-none d-sm-inline ms-1">voltar</span>
        </a>
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->

{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_turma')
<form class="w-100" action="be_pages_generic_search.html" method="POST" style="margin-top: 30px;">
  <div class="input-group">
    <!-- Layout API, functionality initialized in Template._uiApiLayout() -->
    <input type="text" class="form-control border-0" placeholder="Pesquisar Por Turmas ou Ano" id="search" name="search">
  </div>
</form>


<div class="content content-boxed">
  <!-- Current Jobs -->
  <h2 class="content-heading">
    <i class="fa fa-briefcase text-muted me-1"></i> Listagem de Turmas
  </h2>

  <!-- funcionalidade trazer todas as turmas do ano passado para tras-->
  <!-- 
     -->
  <div class="block-content">
    <!-- All Products Table -->
    <div class="table-responsive">
      <table class="table table-borderless table-striped table-vcenter">
        <thead>
          <tr>
            <!-- <th class="text-center" style="width: 100px;">ID</th> -->
            <th class="d-none d-sm-table-cell text-center">Nome</th>
            <th class="d-none d-sm-table-cell text-center">Sigla</th>
            <th class="d-none d-sm-table-cell text-center">Professor</th>
            <th class="d-none d-sm-table-cell text-center">Período</th>
            <th class="d-none d-md-table-cell">Carga Horária</th>
            <th class="d-none d-md-table-cell">Vagas restantes</th>
            <th class="text-center">Ação</th>
          </tr>
        </thead>
        <tbody>
          @foreach($turmas as $item)
          <tr>
            <!-- <td class="text-center fs-sm">
              <strong>{{$item->id}}</strong>
            </td> -->
            <td class="text-center fs-sm">
              <strong>{{$item->descricao}}</strong>
            </td>
            <td class="d-none d-sm-table-cell text-center fs-sm">{{$item->periodo}}</td>
            <td class="d-none d-sm-table-cell text-center fs-sm">{{$item->periodo}}</td>
            <td class="d-none d-sm-table-cell text-center fs-sm">{{$item->periodo}}</td>
            <td class="d-none d-sm-table-cell text-center fs-sm"> {{$item->carga_horaria_turma}} </td>
            <td class="d-none d-sm-table-cell text-center fs-sm">{{$item->periodo}}</td>

            <td class="text-center fs-sm">
              <a class="btn btn-sm btn-alt-secondary" href="/visualizar_turma/{{$item->id}}">
                <i class="fa fa-fw fa-eye"></i>
              </a>

            </td>
          </tr>
          @endforeach

        </tbody>
      </table>
    </div>
    <!-- END All Turmas Table -->


    <!-- Pagination -->
    <nav aria-label="Photos Search Navigation">
      <ul class="pagination justify-content-end mt-2">
        <li class="page-item">
          <a class="page-link" href="javascript:void(0)" tabindex="-1" aria-label="Previous">
            Prev
          </a>
        </li>
        <li class="page-item active">
          <a class="page-link" href="javascript:void(0)">1</a>
        </li>
        <li class="page-item">
          <a class="page-link" href="javascript:void(0)">2</a>
        </li>
        <li class="page-item">
          <a class="page-link" href="javascript:void(0)">3</a>
        </li>
        <li class="page-item">
          <a class="page-link" href="javascript:void(0)">4</a>
        </li>
        <li class="page-item">
          <a class="page-link" href="javascript:void(0)" aria-label="Next">
            Next
          </a>
        </li>
      </ul>
    </nav>
    <!-- END Pagination -->
  </div>
</div>
{{-- Pra quem não tem permissão de visualizar essa página aparecerá a mensagem abaixo --}}
@else

<center>
  <br>
  <div class="alert alert-danger" role="alert">
    Você não tem permissão pra visualizar essa página!
  </div>
</center>

@endcan
<!-- END All Products -->
<!-- END Page Content -->

@include('conteudos.turmas.modal_criar_turma');

@endsection