@extends('layouts.app')

@section('conteudo')


<div class="spinner1" id="spinner-div">
  <img src="/images/loader1.gif">
</div>


<br>
<center>
  @if (session('erro'))
  <div class="alert alert-danger">
    {{ session('erro') }}
  </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> Módulo
        </h1>
        <a class="btn btn-primary my-2" href="/modulos">
          <i class="fa fa-fw fa-list"></i>
          <span class="d-none d-sm-inline ms-1">Listar Módulo</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 Módulo</h3>
    </div>
    <div class="block-content">

      <div class="row">



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

          <!-- Form Inline - Alternative Style -->
          <form action="salvar_modulo" method="POST" enctype="multipart/form-data" id="addOrganizacaoForm">
            <!-- <div class="row row-cols-lg-auto g-4 align-items-center"> -->
            <div class="row  g-4 align-items-center">
              @csrf
              <div class="col-8">
                <label class="form-label" for="descricao">Nome</label>
                <input type="text" class="form-control" id="descricao" name="descricao" placeholder="Inserir descricao..">
              </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-2">
                <label class="form-label" for="sigla">Sigla</label>
                <input type="text" class="form-control" id="sigla" name="sigla">
              </div>
              <div class="col-4">
                <label class="form-label" for="inicio_periodo">Início Período</label>
                <input type="text" class="form-control" id="inicio_periodo" name="inicio_periodo">
              </div>
              <div class="col-4">
                <label class="form-label" for="fim_periodo">Fim Período</label>
                <input type="text" class="form-control" id="fim_periodo" name="fim_periodo">
              </div>
              <div class="col-4">
                <label class="form-label" for="quantidade_periodo">Quantidade Período</label>
                <input type="text" class="form-control" id="quantidade_periodo" name="quantidade_periodo">
              </div>

              <hr>
              <center> <a type="submit"> <button type="submit" class="btn btn-primary m-1 salvar_organizacao_form">
                    <i class="fa fa-fw fa-user-plus opacity-50 me-1"></i> Salvar Módulo
                  </button> </a> </center>

              <div class="errMsgContainer mb-3">

              </div>

          </form>
          <!-- END Form Inline - Alternative Style -->
        </div>
      </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>