@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">
  <form action="{{ route('relatorio_projetos') }}" method="POST">
    @csrf
    <div class="row">
        <div class="col-12 col-sm-3 col-lg-3" style="display: none; margin-top:3%;">
            <label class="form-label" for="example-select">Organização</label>
            <select class="form-select" id="select1" name="organizacao_id">
                @foreach($options1 as $item)
                <option selected value="{{$item->id}}">{{$item->nome}}</option>
                @endforeach
            </select>
        </div>
      <div class="col-3" style="display: inline-block">
        <label class="form-label" for="projeto_id">Projeto</label>
        <select class="form-select" id="select2" name="projeto_id">
          <option value="" selected>Todos</option>
          @foreach($options2 as $item)
          <option value="{{$item->id}}" {{ request('projeto_id') == $item->id ? 'selected' : '' }}>
            {{$item->descricao}}
          </option>
          @endforeach
        </select>
      </div>
      <div class="col-3" style="display: inline-block">
        <label class="form-label" for="funcionario_id">Prestador</label>
        <select class="form-select" id="select4" name="funcionario_id">
          <option value="" selected>Todos</option>
          @foreach($options3 as $item)
          <option value="{{$item->id}}" {{ request('funcionario_id') == $item->id ? 'selected' : '' }}>
            {{$item->nome_completo}}
          </option>
          @endforeach
        </select>
      </div>
      <div class="col-3" style="display: inline-block">
        <label class="form-label" for="turma_id">Turma</label>
        <select class="form-select" id="select3" name="turma_id">
          <option value="" selected>Todos</option>
          @foreach($options4 as $item)
          <option value="{{$item->id}}" {{ request('turma_id') == $item->id ? 'selected' : '' }}>
            {{$item->descricao}} | {{$item->ano}}
          </option>
          @endforeach
        </select>
      </div>
      <div class="col-3" style="display: inline-block">
        <label class="form-label" for="ano">Ano</label>
        <input type="text" class="form-control" id="ano" name="ano" value="{{ request('ano') }}">
      </div>
      <div class="col-3" style="display: inline-block">
        <label class="form-label" for="data_inicial">Data Inicial</label>
        <input type="date" class="form-control" id="data_inicial" name="data_inicial" value="{{ request('data_inicial') }}">
      </div>
      <div class="col-3" style="display: inline-block">
        <label class="form-label" for="data_final">Data Final</label>
        <input type="date" class="form-control" id="data_final" name="data_final" value="{{ request('data_final') }}">
      </div>
      <div class="col-4" style="display: inline-block; margin-left: 30px;">
        <button class="btn btn-primary my-2" type="submit">
          <i class="fa fa-fw fa-search"></i>
          <span class="d-none d-sm-inline ms-1">Aplicar Filtros</span>
        </button>
        <a href="/relatorio_projetos" class="btn btn-danger">
            <i class="bi bi-x-circle"></i> Remover Filtros
        </a>
      </div>
    </div>
  </form>
  {{-- <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($paginacao 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>
              @if($item->dias_de_aula)
                  @php
                      $diasDeAula = json_decode($item->dias_de_aula, true); // Decodificando como array
                  @endphp
                  @if(is_array($diasDeAula))
                      {{ implode(', ', $diasDeAula) }}
                  @else
                      {{ $item->dias_de_aula }} <!-- Caso seja uma string já formatada -->
                  @endif
              @else
                  Não especificado
              @endif
          </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>
  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>

<script>
    document.addEventListener('DOMContentLoaded', function() {
    // Verificar se há um projeto selecionado e filtrar os funcionários
    let projetoSelecionado = document.querySelector('#select2').value;
    if (projetoSelecionado) {
        filtrarFuncionariosPorProjeto(projetoSelecionado);
    }

    // Verificar se há um prestador selecionado e filtrar as turmas
    let prestadorSelecionado = document.querySelector('#select4').value;
    if (prestadorSelecionado) {
        filtrarTurmasPorFuncionario(prestadorSelecionado);
    }

    // Função para filtrar funcionários por projeto
    function filtrarFuncionariosPorProjeto(projetoId) {
        fetch('{{ route('selects.filter_funcionarios_por_projeto') }}', {
            method: 'POST',
            body: JSON.stringify({
                _token: '{{ csrf_token() }}',
                value: projetoId
            }),
            headers: {
                'Content-Type': 'application/json'
            }
        })
        .then(response => response.json())
        .then(data => {
            let select4 = document.querySelector('#select4');
            select4.innerHTML = '';

            let option = document.createElement('option');
            option.value = "";
            option.text = "Todos";
            select4.appendChild(option);

            // use o método forEach para percorrer as opções filtradas e adicioná-las ao select4
            data.forEach(function(item) {
                let option = document.createElement('option');
                option.value = item.id;
                option.text = item.nome_completo;
                select4.appendChild(option);
            });

            // Reaplicar seleção anterior, se houver
            select4.value = prestadorSelecionado;
        });
    }

    // Função para filtrar turmas por prestador
    function filtrarTurmasPorFuncionario(prestadorId) {
        fetch('{{ route('selects.filter_turmas_por_funcionario') }}', {
            method: 'POST',
            body: JSON.stringify({
                _token: '{{ csrf_token() }}',
                value: prestadorId
            }),
            headers: {
                'Content-Type': 'application/json'
            }
        })
        .then(response => response.json())
        .then(data => {
            let select3 = document.querySelector('#select3');
            select3.innerHTML = '';

            let option = document.createElement('option');
            option.value = "";
            option.text = "Todas";
            select3.appendChild(option);

            // use o método forEach para percorrer as opções filtradas e adicioná-las ao select3
            data.forEach(function(item) {
                let option = document.createElement('option');
                option.value = item.id;
                option.text = item.descricao + " | " + item.ano;
                select3.appendChild(option);
            });

            // Reaplicar seleção anterior, se houver
            select3.value = "{{ request('turma_id') }}";
        });
    }
});

</script>

@endsection