@extends('layouts.app')

@section('conteudo')



<!-- 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> Apresentações
        </h1>
        <a class="btn btn-primary my-2" href="/apresentacoes">
          <i class="fa fa-fw fa-list"></i>
          <span class="d-none d-sm-inline ms-1">Listar Apresentações</span>
        </a>
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->

<div class="content">
  <!-- Elements -->
  <div class="block block-rounded">
    <div class="block-header block-header-default">
      <h3 class="block-title">Registrar Nova Apresentação</h3>
    </div>
    <div class="block-content">

      <div class="row">

        <div class="col-lg-12 space-y-6">

          <!-- Form Inline - Alternative Style -->
          <form action="/salvar_apresentacao" method="POST" enctype="multipart/form-data" >
            @csrf
            <div class="row  g-4 align-items-center">

              <!-- trazer as organizações já cadastradas -->
              <div class="col-2">
                <label class="form-label" for="organizacao_id">Organização*</label>
                <select class="form-select" id="organizacao_id" name="organizacao_id" required>
                  @foreach($organizacoes as $item)
                  <option selected value="{{$item->id}}">{{$item->nome}}</option>
                  @endforeach
                </select>
              </div>
              <div class="col-6">
                <label class="form-label" for="nome">Evento*</label>
                <input type="text" class="form-control" id="nome" name="nome" placeholder="Nome" required>
              </div>
              <div class="col-3">
                <label class="form-label" for="projeto_id">Projeto*</label>
                <select class="form-select" id="projeto_id" name="projeto_id" required>
                  @foreach($projetos as $item)
                  <option selected value="{{$item->id}}">{{$item->descricao}}</option>
                  @endforeach
                </select>
              </div>
              <div class="col-3">
                <label class="form-label" for="turma_id">Beneficiarios*</label>
                <select class="form-select" id="turma_id" name="turma_id" required>
                  @foreach($beneficiarios as $item)
                  <option selected value="{{$item->id}}">{{$item->nome}}</option>
                  @endforeach
                </select>
              </div>

              <!-- trazer os professores já cadastradas -->
              <div class="col-6">
                <label class="form-label" for="funcionario_id">Instrutores*</label>
                <select class="form-select" id="funcionario_id" name="funcionario_id" required>
                  @foreach($funcionarios as $item)
                  <option selected value="{{$item->id}}">{{$item->nome_completo}}</option>
                  @endforeach
                </select>
              </div>

              <div class="col-2">
                <label class="form-label" for="ano">Ano</label>
                <input type="text" class="form-control" id="ano" name="ano" value="2025" >
              </div>
              <div class="col-3">
                <label class="form-label" for="data">Data da Apresentação </label>
                <input type="date" class="form-control" id="data" name="data" >
              </div>
              <div class="col-3">
                <label class="form-label" for="horario_entrada">Horário (início)</label>
                <input type="time" class="form-control" id="horario_entrada" name="horario_entrada" >
              </div>
              <div class="col-3">
                <label class="form-label" for="horario_saida">Horário (fim)</label>
                <input type="time" class="form-control" id="horario_saida" name="horario_saida" >
              </div>

              <div class="col-6">
                <label class="form-label" for="arquivo_anexo_fotos">Fotos</label>
                <input type="file" name="arquivo_anexo_fotos" id="arquivo_anexo_fotos" class="form-control" value="">
              </div>

            <hr>
            <center> <a type="submit"> <button type="submit" class="btn btn-primary m-1">
                  <i class="fa fa-fw fa-user-plus opacity-50 me-1"></i> Salvar Apresentação
                </button> </a> </center>

            <div class="errMsgContainer mb-3">

            </div>

          </form>
          <!-- END Form Inline - Alternative Style -->

        </div>
        <!-- END Inline Layout -->



      </div>
    </div>
    <!-- END Elements -->
  </div>

  @endsection




  <script src="/js/jquery-3.4.1.min.js"></script>
  <script src="/js/main.js"></script>