@extends('layouts.app')

@section('conteudo')
<br><br>
<center>
  @if (session()->has('error'))
  <div class="alert alert-danger" role="alert">
    {{ session('error') }}
  </div>
  @endif
</center>

<!-- Hero -->
<div class="bg-image" style="background-image: url('');">
  <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> Relatório de projetos
        </h1>
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->

<div class="content content-full">


    <div class="col-4" style="display: inline-block; margin-left: 1px; margin-top: 20px;">

        <a href="/relatorio_projetos" class="btn btn-primary">
            <i class="fa fa-fw fa-search"></i> Novo Filtro de Projetos
        </a>
      </div>

  {{-- <p style="color: red;"> {{$descricao}} </p> --}}
</div>

@can('pode_visualizar_projeto')
<!-- Page Content -->
<div class="content content-boxed">
  <!-- Invoice -->
  <div class="block block-rounded">
    <div class="block-header block-header-default">
      <h3 class="block-title">Relatório de projeto</h3>
      <div class="block-options">
        <form id="printForm" method="post" action="/imprimir_projetos_relatorio">
          @csrf
          <input type="hidden" name="projeto_id" value="{{ request('projeto_id') }}">
          <input type="hidden" name="funcionario_id" value="{{ request('funcionario_id') }}">
          <input type="hidden" name="turma_id" value="{{ request('turma_id') }}">
          <input type="hidden" name="ano" value="{{ request('ano') }}">
          <input type="hidden" name="data_inicial" value="{{ request('data_inicial') }}">
          <input type="hidden" name="data_final" value="{{ request('data_final') }}">
          <button type="submit" class="btn-block-option">
            <i class="si si-printer me-1"></i> Imprimir Relatório
          </button>
        </form>
      </div>
    </div>
    <div class="block-content">
      <div class="p-sm-4 p-xl-7">

        <!-- Seção para o projeto selecionado -->
        <div class="row mb-5">
          <div class="col-12">
            <p class="h3">Relatório de projeto: {{ $projetoSelecionado->descricao ?? '---' }}</p>
          </div>
        </div>

        <!-- Tabela 1: Descrição do Projeto e Conteúdo Pedagógico -->
        <div class="table-responsive push">
          <table class="table table-bordered">
            <thead class="bg-body">
              <tr>
                <th>Descrição do Projeto</th>
                <th>Conteúdo Pedagógico</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>{{ $projetoSelecionado->descricao ?? '---' }}</td>
                <td>{{ $projetoSelecionado->conteudo_pedagogico ?? '---' }}</td>
              </tr>
            </tbody>
          </table>
        </div>

        <!-- Tabela 2: Detalhes do Projeto -->
        <div class="table-responsive push">
          <table class="table table-bordered">
            <thead class="bg-body">
              <tr>
                <th>Descrição</th>
                <th>Horário de Entrada</th>
                <th>Horário de Saída</th>
                <th>Data de Início</th>
                <th>Data de Término</th>
                <th>Dias de Aulas</th>
                <th>Vagas Preenchidas</th>
                <th>Vagas Restantes</th>
              </tr>
            </thead>
            <tbody>
            @foreach($projetos as $item)
              <tr>
                <td>{{ $item->descricao ?? '---' }}</td>
                <td>{{ $item->horario_entrada ?? '---' }}</td>
                <td>{{ $item->horario_saida ?? '---' }}</td>
                <td>{{ $item->data_inicio ?? '---' }}</td>
                <td>{{ $item->data_termino ?? '---' }}</td>
                <td>{{ $item->dias_aulas ?? '---' }}</td>
                <td>{{ $item->vagas_preenchidas ?? '---' }}</td>
                <td>{{ $item->vagas_restantes ?? '---' }}</td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>

        <!-- Footer -->
        <p class="text-muted text-center my-5">
          Relatório de projetos da AMIS.
        </p>
        <!-- END Footer -->
      </div>
    </div>
  </div>
  <!-- END Invoice -->
</div>
@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 -->


@include('incl.linha_filtros_selects')


<script>
    window.print();

  function abrirImpressao() {
        let url = new URL(window.location.origin + "/relatorio_projetos/imprimir");
        let params = new URLSearchParams(window.location.search);

        url.search = params;

        let printWindow = window.open(url.toString(), '_blank');
        printWindow.onload = function() {
            printWindow.print();
        };
    }
</script>

@endsection