@extends('layouts.app')

@section('conteudo')


<!-- Elements -->
<main id="main-container">

  <!-- Hero -->
  <div class="bg-body-light">
    <div class="content content-full">
      <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
        <h1 class="flex-grow-1 fs-3 fw-semibold my-2 my-sm-3">Editar modulo</h1>
        <nav class="flex-shrink-0 my-2 my-sm-0 ms-sm-3" aria-label="breadcrumb">
          <ol class="breadcrumb">
            <li class="breadcrumb-item">Pages</li>
            <li class="breadcrumb-item">Blog</li>
            <li class="breadcrumb-item active" aria-current="page">New</li>
          </ol>
        </nav>
      </div>
    </div>
  </div>
  <!-- END Hero -->

  <!-- Page Content -->
  <div class="content content-full content-boxed">
    <!-- New Post -->
    <form action="#" method="POST" enctype="multipart/form-data">

      @csrf
      <div class="block">
        <div class="block-header block-header-default">@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>
          <a class="btn btn-alt-secondary" href="/modulos">
            <i class="fa fa-arrow-left me-1"></i> Ir Para Listagem de modulos
          </a>
          <div class="block-options">
            <div class="form-check form-switch">
              <input class="form-check-input" type="checkbox" value="" id="dm-post-add-active" name="imprime_campo">
              <label class="form-check-label" for="dm-post-add-active">Imprime o campo de texto</label>
            </div>
          </div>
        </div>
        <div class="block-content">
          <div class="row justify-content-center push">
            <div class="col-md-10">
              <div class="mb-4">
                <label class="form-label" for="dm-post-add-title">Nome</label>
                <input type="text" class="form-control" id="dm-post-add-title" name="descricao" placeholder="Inserir descricao.." value="">
              </div>
              <div class="mb-4">
                <label class="form-label" for="dm-post-add-title">Ano</label>
                <input type="text" class="form-control" id="dm-post-add-title" name="ano" placeholder="Inserir ano.." value="">
              </div>
              <div class="mb-4">
                <label class="form-label" for="dm-post-add-title">Sigla</label>
                <input type="text" class="form-control" id="dm-post-add-title" name="sigla" placeholder="Inserir sigla.." value="">
              </div>
              <div class="mb-4">
                <label class="form-label" for="dm-post-add-excerpt">Início Periodo</label>
                <textarea class="form-control" id="dm-post-add-excerpt" name="inicio_periodo" rows="3" placeholder="Inserir inicio_periodo.." value=""></textarea>

              </div>

              <div class="mb-4">
                <label class="form-label" for="dm-post-add-excerpt">Fim Período</label>
                <textarea class="form-control" id="dm-post-add-excerpt" name="fim_periodo" rows="3" placeholder="Inserir fim_periodo.." value=""></textarea>

              </div>

              <div class="mb-4">
                <label class="form-label" for="dm-post-add-excerpt">Quantidade Período</label>
                <textarea class="form-control" id="dm-post-add-excerpt" name="quantidade_periodo" rows="3" placeholder="Inserir quantidade_periodo.." value=""></textarea>

              </div>


            </div>
          </div>
        </div>
        <div class="block-content bg-body-light">
          <div class="row justify-content-center push">
            <div class="col-md-10">
              <button type="submit" class="btn btn-alt-primary">
                <i class="fa fa-fw fa-check opacity-50 me-1"></i> Salvar Alterações
              </button>
            </div>
          </div>
        </div>
      </div>
    </form>
    <!-- END New Post -->
  </div>
  <!-- END Page Content -->
</main>
<!-- END Main Container -->
<!-- END Elements -->

@endsection