@extends('layouts.app')

@section('conteudo')

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


<!-- Hero -->
<div class="bg-dark bg-image" style="background-image: url('{{$projeto->logotipo}}'); margin-top: 5%;">
  <div class="bg-black-75">
    <div class="content content-full content-top">
      <div class="py-4 text-center">
        <h1 class="fw-bold text-white mb-2">
          {{$projeto->descricao}}
        </h1>
        <h2 class="h3 fw-normal text-white-75">
          {{$projeto->sigla}}
        </h2>
      </div>
      <div style=" margin-left:73%">
        @can('pode_editar_projeto')
        <a class="btn btn-hero btn-primary" href="/editar_projeto/{{$projeto->id}}" data-toggle="click-ripple">
          <i class="fa fa-pencil-alt text-info"></i> Editar
        </a>
        @endcan
        @can('pode_visualizar_projeto')
        <a class="btn  btn-hero btn-primary my-2" href="/projetos">
          <i class="fa fa-reply" aria-hidden="true"></i>
          <span class="d-none d-sm-inline ms-1">voltar</span>
        </a>
        @endcan
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->

{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_projeto')
<!-- Page Content -->
<div class="content content-boxed">
  <!-- Meta -->
  <div class="row items-push">
    <div class="col-md-6">
      <div class="block block-rounded">
        <div class="block-header block-header-default">
          <h3 class="block-title">Descrição</h3>
        </div>
        <div class="block-content">
          <div class="fs-4 mb-1">{{$projeto->observacoes}}</div>

        </div>
      </div>
      <div class="block block-rounded">
        <div class="block-header block-header-default">
          <h3 class="block-title">Conteúdo Pedagógico</h3>
        </div>
        <div class="block-content">
          <div class="fs-4 mb-1">{{$projeto->Conteudo_pedagogico}}</div>

        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="block block-rounded block-bordered block-link-shadow h-100 mb-0">
        <div class="block-content">
          <table class="table table-borderless table-striped">
            <tbody>
              <tr>
                <td>
                  <span class="text-warning">
                    <i class="fa fa-fw fa-star"></i> Organização: {{$organizacao->nome}}
                  </span>
                  <!-- <span class="fw-medium text-muted"></span> -->
                </td>
              </tr>
              <tr>
                <td>
                  <span class="text-warning">
                    <i class="fa fa-fw fa-star"></i> Coordenador: {{$coordenador->nome_completo ?? ''}}
                  </span>
                </td>
              </tr>
              <tr>
                <td>
                  <span class="text-warning">
                    <i class="fa fa-fw fa-star"></i>Identificação: {{$projeto->descricao}}
                  </span>
                  <!-- <span class="fw-medium text-muted"></span> -->
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-heart me-1 text-danger"></i> Categoria: {{$categoria != null ? $categoria->descricao : 'Não Encontrada'}}
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-heart me-1 text-danger"></i> Ano: {{$projeto->ano}}
                </td>
              </tr>
              <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-calendar me-1"></i> Inativo: {{$projeto->inativo == 1 ? 'Sim' : 'Não'}}
                </td>
              </tr>
              <!-- <tr>
                <td class="fw-medium text-muted">
                  <i class="fa fa-fw fa-shopping-basket me-1"></i> Criação: {{$projeto->created_at}}
                </td>
              </tr> -->
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <!-- END Meta -->




  <!-- Listagem de turmas -->
  <div class="block block-rounded">
    <div class="block-header block-header-default">
      <h3 class="block-title">Turmas Pertencentes a {{$projeto->descricao}}</h3>
      <div class="block-options">
        <!-- <a href="/registar_turma"> <button type="button" class="btn btn-alt-primary">
            + Criar Nova Turma
          </button> </a> -->
        <a data-bs-toggle="modal" data-bs-target="#modalAddTurma"> <button type="button" class="btn btn-alt-primary">
            + Criar Nova Turma
          </button>
        </a>
        <a data-bs-toggle="modal" data-bs-target="#modalAddConteudoProgramatico"> <button type="button" class="btn btn-alt-primary">
            + Adicionar Conteúdo Programático
          </button>
        </a>
        <!-- funcionalidade trazer todoas as turmas não vigentes do ano dentro desse projeto -->
        <a href="/visualizar_turmas_antigas_por_projeto_selecionado/{{$projeto->id}}">
          <button type="button" class="btn btn-alt-primary" style="margin-left: 10px;">
            Turmas Anteriores
          </button>
        </a>
      </div>
    </div>
  </div>

  <!-- funcionalidade trazer todas as turmas vigentes do ano -->
  <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">Instrutor</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)
          @if($item->situacao == 1)
          <tr>
            <!-- <td class="text-center fs-sm">
              <strong>{{$item->id}}</strong>
            </td> -->
            <td class="text-center fs-sm">
              <strong>{{$item->descricao}} | {{$item->ano}} </strong>
            </td>
            <td class="d-none d-sm-table-cell text-center fs-sm">{{$item->nome_funcionario}}</td>
            <td class="d-none d-sm-table-cell text-center fs-sm">{{$item->periodo_id == 1 ? 'Manhã' : 'Tarde'}}</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->vagas}}</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>
              <a class="btn btn-sm btn-alt-secondary" href="#">
                <i class="fa fa-trash "></i>
              </a>
            </td>
          </tr>
          @endif
          @endforeach

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

     <!-- Listagem de turmas -->
  <div class="block block-rounded">
    <div class="block-header block-header-default">
      <h3 class="block-title">Turmas Inativas</h3>
      </div>
    </div>
  </div>

  <!-- funcionalidade trazer todas as turmas vigentes do ano -->
  <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">Instrutor</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)
          @if($item->situacao != 1)
          <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->nome_funcionario}}</td>
            <td class="d-none d-sm-table-cell text-center fs-sm">{{$item->periodo_id == 1 ? 'Manhã' : 'Tarde'}}</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->vagas}}</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>
              <a class="btn btn-sm btn-alt-secondary" href="#">
                <i class="fa fa-trash "></i>
              </a>
            </td>
          </tr>
          @endif
          @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>



     <!-- Listagem de turmas -->
     <div class="block block-rounded">
        <div class="block-header block-header-default">
          <h3 class="block-title">Conteúdos Programáticos</h3>
          </div>
        </div>
      </div>

      <!-- funcionalidade trazer todas as turmas vigentes do ano -->
      <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">Instrutor</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($conteudos_programaticos as $item)
              @if($item->situacao != 1)
              <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->nome_funcionario}}</td>
                <td class="d-none d-sm-table-cell text-center fs-sm">{{$item->periodo_id == 1 ? 'Manhã' : 'Tarde'}}</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->vagas}}</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>
                  <a class="btn btn-sm btn-alt-secondary" href="#">
                    <i class="fa fa-trash "></i>
                  </a>
                </td>
              </tr>
              @endif
              @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>

{{-- 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 -->

</div>
<!-- END Page Content -->

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

@endsection