@extends('layouts.app')

@section('conteudo')

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

<center>
    @if ($errors->has('foto1'))
        <div class="alert alert-danger">
            {{ $errors->first('foto1') }}
        </div>
    @endif
    @if ($errors->has('foto2'))
        <div class="alert alert-danger">
            {{ $errors->first('foto2') }}
        </div>
    @endif
    @if ($errors->has('foto3'))
        <div class="alert alert-danger">
            {{ $errors->first('foto3') }}
        </div>
    @endif
    @if ($errors->has('foto4'))
        <div class="alert alert-danger">
            {{ $errors->first('foto4') }}
        </div>
    @endif
    </center>


<!-- Hero -->
<div class="bg-dark" style="border-radius: 15px; margin-top: 5%;">
  <div class="bg-black-75">
    <div class="content">
      <div class="py-4 text-center" style="margin-top:-3%">
        <h1 class="fw-bold text-white mb-2">
          {{$turma->descricao}}
        </h1>
        <h2 class="h3 fw-normal text-white-75">
          {{$funcionario->nome_completo}}
        </h2>

      </div>
      <div style=" margin-left:90%; margin-top:-5%">
        @can('pode_editar_turma')
        <a class="btn btn-primary" href="/editar_turma/{{$turma->id}}" data-toggle="click-ripple">
          <i class="fa fa-pencil-alt" aria-hidden="true"></i>
        </a>
        @endcan
        @can('pode_visualizar_turma')
        <a class="btn  btn-primary my-2" href="/turmas">
          <i class="fa fa-reply" aria-hidden="true"></i>
        </a>
        @endcan
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->
{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_turma')
<!-- Page Content -->
<div class="">
  <!-- Meta -->
  <div class="row items-push">
    <div class="col-md-6" style="margin-top: 10px; margin-bottom: -15px; border-radius: 15px !important;">
      <div class="block block-rounded block-bordered block-link-shadow h-80">
        <div class="block-content">
          <table class="table table-borderless table-striped">
            <tbody>
              <tr>
                <td>
                  <span class="text-warning">
                    <i class="fa fa-fw fa-calendar"></i>
                  </span>
                  <span class="fw-medium text-muted">Ano: {{$turma->ano}}</span>
                </td>
              </tr>
              <tr>
                <td>
                  <span class="text-warning">
                    <i class="fa fa-fw fa-star"></i>
                  </span>
                  <span class="fw-medium text-muted">Organização: {{$organizacao->nome}}</span>
                </td>
              </tr>
              <tr>
                <td>
                  <span class="text-warning">
                    <i class="fa fa-fw fa-star"></i>
                  </span>
                  <span class="fw-medium text-muted">Projeto: {{$projeto->descricao}}</span>
                </td>
              </tr>
              <tr>
                <td>
                  <span class="text-warning">
                    <i class="fa fa-fw fa-user"></i>
                  </span>
                  <span class="fw-medium text-muted">Coordenador:
                    @if($coordenador)
                    {{$coordenador->nome_completo}}
                    @endif
                  </span>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <div class="col-sm-6" style="margin-top: 10px; margin-bottom: -15px; border-radius: 15px;">
      <div class="block block-rounded">
        <div class="block-header block-header-default">
          <h3 class="block-title">Outras Informações</h3>
        </div>
        <div class="block-content">
          <div class="fs-4 text-muted">Vagas: {{$turma->vagas}}</div>
          <div class="fs-4 text-muted">Vagas Restantes: {{$vagas_restantes}}</div>
          <div class="fs-4 text-muted">Data:
              @if(isset($turma->data_inicio) && isset($turma->data_termino))
                  {{date('d/m/Y', strtotime($turma->data_inicio))}} - {{date('d/m/Y', strtotime($turma->data_termino))}}
              @else
                  00/00/0000 - 00/00/0000
              @endif
          </div>

          <div class="fs-4 text-muted">Horário: {{$turma->horario_entrada}} até {{$turma->horario_saida}}</div>
          <div class="fs-4 text-muted">
            Dias: @foreach($selected as $index => $item)
                      @if($index > 0)
                          , {{$item}}ª Feira
                      @else
                          {{$item}}ª Feira
                      @endif
                  @endforeach

          </div>
          <div class="fs-4 mb-1"></div>
        </div>
      </div>
    </div>

    <div class="col-12" style="margin-bottom: -15px; ">
      <div class="block block-rounded" style="border-radius: 15px;">
        <div class="block-header block-header-default">
          <h3 class="block-title">Plano de Aula</h3>
        </div>
        <div class="ms-sm-2 me-sm-4 py-2 text-center">
              Plano de Aula
              <a class="item item-rounded bg-body-dark text-dark fs-2 mb-2 mx-auto" href="{{$turma->plano_aula}}" target="_blank">
                @if($turma->plano_aula == "")
                <p style="font-size: 12px;"> Sem plano de aula </p>
                @else
                <img class="fa-fw" src="/images/download-pdf.jpg">
                @endif
              </a>
              clica na imagem para visualizar.
            </div>

      </div>
    </div>

    <div class="col-12">
      <div class="block block-rounded " style="border-radius: 15px; margin-top: 10px;">
        <div class="block-header block-header-default">
          <h3 class="block-title">Beneficiários Pertencentes a {{$turma->descricao}} </h3>
        </div>
        <div class="block-options opcoes-turma">
        @can('pode_editar_turma')
          <a data-bs-toggle="modal" data-bs-target="#modalAddBeneficiario">
            <button type="button" class="btn btn-alt-primary" style=" margin-top: 3px;">
              + Matricular
            </button>
          </a>
          @endcan
          @if($chamada_hoje != 1)
          <a data-bs-toggle="modal" data-bs-target="#modalChamada">
            <button type="button" class="btn btn-alt-primary" style="margin-left: 10px;  margin-top: 3px;">
              <i class="fa fa-pencil-alt"></i>
              Chamada
            </button>
          </a>
          @endif
          <!-- <br><br> -->
          <a href="/chamadas" >
            <button type="button" class="btn btn-alt-primary" style="margin-left: 10px; margin-top: 3px;">
              <i class="fa fa-fw fa-eye"></i>
              Listar Chamadas
            </button>
          </a>

          @if($turma->situacao == 1)
            <a href="/inativar_turma/{{$turma->id}}" >
                <button type="button" class="btn btn-alt-danger" style="margin-left: 10px; margin-top: 3px;">
                {{-- <i class="fa fa-fw fa-eye"></i> --}}
                Inativar Esta Turma
                </button>
            </a>
          @endif

          @if($turma->situacao != 1)
            <a href="/ativar_turma/{{$turma->id}}" >
                <button type="button" class="btn btn-alt-success" style="margin-left: 10px; margin-top: 3px;">
                {{-- <i class="fa fa-fw fa-eye"></i> --}}
                Ativar Esta Turma
                </button>
            </a>
          @endif

          <br><br>
          {{-- <a data-bs-toggle="modal" data-bs-target="#modalEditarChamada">
          <button type="button" class="btn btn-alt-primary" style="margin-left: 10px; ">
            Editar Chamada
          </button>
        </a> --}}
        </div>
      </div>
    </div>

    <div class="block block-rounded">
        <div class="block-header block-header-default">
          <h3 class="block-title">Beneficiários Ativos </h3>
        </div>
      </div>
    <br>

    <div class="block-content" style="margin-top: -50px;">
      <div class="table-responsive">
        <table class="table table-borderless table-striped table-vcenter">
          <thead>
            <tr>
              <th class="d-sm-table-cell text-center">Foto</th>
              <th class="d-sm-table-cell text-center">Nome</th>
              <th class="d-sm-table-cell text-center">Data Nascimento</th>
              <th class="d-sm-table-cell text-center">Pode Sair Sozinho</th>
              <th class="text-center">Ação</th>
            </tr>
          </thead>
          <tbody>

            @foreach($estudantes as $item)
            @if($item->status == 1)

            <tr>

              <td class="d-sm-table-cell text-center fs-sm">
                <a class="item item-rounded bg-body-dark text-dark fs-2 mb-2 mx-auto" href="javascript:void(0)">
                  <img class="img-avatar img-avatar-thumb" src="{{$item->foto}}" alt="">
                </a>
              </td>
              <td class="d-sm-table-cell text-center fs-sm">{{$item->nome}}</td>
              <td class="d-sm-table-cell text-center fs-sm"> {{date ('d/m/Y', strtotime($item->data_nascimento))}}</td>
              <td class="d-sm-table-cell text-center fs-sm">{{$item->aluno_autorizado_sair == 0 ? 'Não' : 'Sim'}}</td>
              <td class="text-center fs-sm">
                <a class="btn btn-sm btn-alt-secondary" href="/visualizar_estudante/{{$item->estudante_id}}">
                  <i class="fa fa-fw fa-eye"></i>
                </a>
                <a class="btn btn-sm btn-alt-secondary" href="/eliminar_matricula_por_estudante_id/{{$item->estudante_id}}/{{$turma->id}}">
                  <i class="fa fa-trash"></i>
                </a>
              </td>
            </tr>
            @endif
            @endforeach
          </tbody>
        </table>
      </div>

    </div>

    <br>

    <div class="block block-rounded">
        <div class="block-header block-header-default">
          <h3 class="block-title">Beneficiários Inativos </h3>
        </div>
      </div>
    <br>

    <div class="block-content" style="margin-top: -50px;">
      <div class="table-responsive">
        <table class="table table-borderless table-striped table-vcenter">
          <thead>
            <tr>
              <th class="d-sm-table-cell text-center">Foto</th>
              <th class="d-sm-table-cell text-center">Nome</th>
              <th class="d-sm-table-cell text-center">Data Nascimento</th>
              <th class="d-sm-table-cell text-center">Data de Inativação</th>
              <th class="text-center">Ação</th>
            </tr>
          </thead>
          <tbody>

            @foreach($estudantes as $item)
                @if($item->status == 0)
                <tr style="opacity: 0.5;">
                    <td class="d-sm-table-cell text-center fs-sm">
                        <a class="item item-rounded bg-body-dark text-dark fs-2 mb-2 mx-auto" href="javascript:void(0)">
                            <img class="img-avatar img-avatar-thumb" src="{{$item->foto}}" alt="">
                        </a>
                    </td>
                    <td class="d-sm-table-cell text-center fs-sm">{{$item->nome}}</td>
                    <td class="d-sm-table-cell text-center fs-sm"> {{date ('d/m/Y', strtotime($item->data_nascimento))}}</td>
                    <td class="d-sm-table-cell text-center fs-sm">{{$item->data_inativacao}}</td>
                    <td class="text-center fs-sm">
                        <span style="color: red; margin-right: 10px;">Inativo</span>
                        <a class="btn btn-sm btn-alt-success" href="/reativar_matricula_por_estudante_id/{{$item->estudante_id}}/{{$turma->id}}">
                          <i class="fa fa-undo"></i> <!-- Ícone de reativar -->
                        </a>
                    </td>
                </tr>
                @endif
            @endforeach

          </tbody>
        </table>
      </div>

    </div>

    <div class="col-12 col-sm-12 col-lg-12">
      <div class="block block-rounded">
        <div class="block-header block-header-default">
          <h3 class="block-title">Chamadas Realizadas: {{$turma->descricao}} </h3>
        </div>
      </div>
      <div class="block-content" style="margin-top: -40px;">
        <div class="table-responsive">
          <table class="table table-borderless table-striped table-vcenter">
            <thead>
              <tr>
                <th class="d-sm-table-cell text-center">ID</th>
                <th class="d-sm-table-cell text-center">Ano</th>
                <th class="d-sm-table-cell text-center">Data</th>
                <th class="text-center">Ação</th>
              </tr>
            </thead>
            <tbody>
              @foreach($chamadas as $item)
              <tr>
                <td class="d-sm-table-cell text-center fs-sm">{{$item->id}}</td>
                <td class="d-sm-table-cell text-center fs-sm">{{$item->ano}}</td>
                <td class="d-sm-table-cell text-center fs-sm">{{date ('d/m/Y', strtotime($item->data))}}</td>
                <td class="text-center fs-sm">
                  <a class="btn btn-sm btn-alt-secondary" href="/visualizar_chamada/{{$item->id}}">
                    <i class="fa fa-fw fa-eye"></i>
                  </a>
                </td>
              </tr>
              @endforeach

            </tbody>
          </table>
        </div>

      </div>
      {{ $chamadas->links() }}

    </div>



    <br>


  </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 Page Content -->

  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

  @include('conteudos.estudantes.modal_add_beneficiario')
  @include('conteudos.chamadas.modal_registrar_chamada')
  @include('conteudos.chamadas.modal_editar_chamada')




  @endsection