@extends('theme::layout.layout_dashboard')

@section('title', ''.env('APP_NAME_DASHBOARD').' | Cadastrar Aluno - Ensino Médio')

@section('content')
<div class="container mx-auto px-4 py-8">
    <!-- Formulário para Criar Novo Grupo -->
    <div class="bg-white shadow-md rounded-lg p-6">
        <div class="flex items-center justify-between mb-6">
            <h2 class="text-2xl font-bold text-gray-800 uppercase">Cadastrar Aluno - Ensino Médio</h2>
            <a href="{{ url('/admin/exile/alunos/ensino/medio/index') }}" class="flex items-center text-blue-600 hover:text-blue-800">
                <i data-feather="arrow-left" class="mr-2"></i> Voltar
            </a>
        </div>

        <p class="text-gray-600 mb-6" style="margin-top: -1em;">
            Essas informações serão exibidas publicamente, portanto, tome cuidado com o que você compartilha.
        </p>

        @if ($errors->any())
            <div class="bg-red-50 border-l-4 border-red-400 p-4 mb-6">
                <ul class="list-disc pl-5 text-red-700">
                    @foreach ($errors->all() as $error)
                        <li class="mt-1">{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

       
        <form action="{{ route('modulodesign.ensinomedioStore') }}" method="POST" enctype="multipart/form-data" class="space-y-4">
          @csrf
          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
              <div>
                  <label for="nome" class="block text-sm font-medium text-gray-700">Nome do Aluno</label>
                  <input type="text" name="nome" id="nome" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: JOAO MIGUEL" required>
              </div>
              <div>
                  <label for="nascimento" class="block text-sm font-medium text-gray-700">Local de Nascimento</label>
                  <input type="text" name="nascimento" id="nascimento" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: GOIANIA" required>
              </div>
          </div>
          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
              <div>
                  <label for="estadonasc" class="block text-sm font-medium text-gray-700">Estado de Nascimento</label>
                  <select name="estadonasc" id="estadonasc" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500">
                      <option value="AC">Acre</option>
                      <option value="AL">Alagoas</option>
                      <option value="AP">Amapá</option>
                      <option value="AM">Amazonas</option>
                      <option value="BA">Bahia</option>
                      <option value="CE">Ceará</option>
                      <option value="DF">Distrito Federal</option>
                      <option value="ES">Espírito Santo</option>
                      <option value="GO">Goiás</option>
                      <option value="MA">Maranhão</option>
                      <option value="MT">Mato Grosso</option>
                      <option value="MS">Mato Grosso do Sul</option>
                      <option value="MG">Minas Gerais</option>
                      <option value="PA">Pará</option>
                      <option value="PB">Paraíba</option>
                      <option value="PR">Paraná</option>
                      <option value="PE">Pernambuco</option>
                      <option value="PI">Piauí</option>
                      <option value="RJ">Rio de Janeiro</option>
                      <option value="RN">Rio Grande do Norte</option>
                      <option value="RS">Rio Grande do Sul</option>
                      <option value="RO">Rondônia</option>
                      <option value="RR">Roraima</option>
                      <option value="SC">Santa Catarina</option>
                      <option value="SP">São Paulo</option>
                      <option value="SE">Sergipe</option>
                      <option value="TO">Tocantins</option>
                  </select>
              </div>
              <div>
                  <label for="nacionalidade" class="block text-sm font-medium text-gray-700">Nacionalidade</label>
                  <select name="nacionalidade" id="nacionalidade" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500">
                      <option value="BRA">Brasileira</option>
                      <option value="ES">Estrangeira</option>
                  </select>
              </div>
          </div>
          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
              <div>
                  <label for="nomemae" class="block text-sm font-medium text-gray-700">Nome da Mãe</label>
                  <input type="text" name="nomemae" id="nomemae" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: MARIA DA SILVA" required>
              </div>
              <div>
                  <label for="nomepai" class="block text-sm font-medium text-gray-700">Nome do Pai</label>
                  <input type="text" name="nomepai" id="nomepai" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: JOSE DA SILVA" required>
              </div>
          </div>
          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
              <div>
                  <label for="cpf" class="block text-sm font-medium text-gray-700">CPF (Somente números)</label>
                  <input type="text" name="cpf" id="cpf" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: 00000000000" required>
              </div>
              <div>
                  <label for="numrg" class="block text-sm font-medium text-gray-700">Número RG</label>
                  <input type="text" name="numrg" id="numrg" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: 1002256" required>
              </div>
          </div>
          <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
              <div>
                  <label for="dianascimento" class="block text-sm font-medium text-gray-700">Dia do Nascimento</label>
                  <select name="dianascimento" id="dianascimento" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500">
                      <!-- Options from 1 to 31 -->
                      @for ($i = 1; $i <= 31; $i++)
                          <option value="{{ $i }}">{{ $i }}</option>
                      @endfor
                  </select>
              </div>
              <div>
                  <label for="mesnascimento" class="block text-sm font-medium text-gray-700">Mês de Nascimento</label>
                  <select name="mesnascimento" id="mesnascimento" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500">
                      <option value="01">Janeiro</option>
                      <option value="02">Fevereiro</option>
                      <option value="03">Março</option>
                      <option value="04">Abril</option>
                      <option value="05">Maio</option>
                      <option value="06">Junho</option>
                      <option value="07">Julho</option>
                      <option value="08">Agosto</option>
                      <option value="09">Setembro</option>
                      <option value="10">Outubro</option>
                      <option value="11">Novembro</option>
                      <option value="12">Dezembro</option>
                  </select>
              </div>
              <div>
                  <label for="anonascimento" class="block text-sm font-medium text-gray-700">Ano Nascimento</label>
                  <input type="text" name="anonascimento" id="anonascimento" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: 1995" required>
              </div>
          </div>
          <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
              <div>
                  <label for="diaemissao" class="block text-sm font-medium text-gray-700">Dia de Emissão Certificado</label>
                  <input type="text" name="diaemissao" id="diaemissao" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: 01" required>
              </div>
              <div>
                  <label for="mesemissao" class="block text-sm font-medium text-gray-700">Mês Emissão Certificado</label>
                  <select name="mesemissao" id="mesemissao" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500">
                      <option value="01">Janeiro</option>
                      <option value="02">Fevereiro</option>
                      <option value="03">Março</option>
                      <option value="04">Abril</option>
                      <option value="05">Maio</option>
                      <option value="06">Junho</option>
                      <option value="07">Julho</option>
                      <option value="08">Agosto</option>
                      <option value="09">Setembro</option>
                      <option value="10">Outubro</option>
                      <option value="11">Novembro</option>
                      <option value="12">Dezembro</option>
                  </select>
              </div>
              <div>
                  <label for="anoemissao" class="block text-sm font-medium text-gray-700">Ano Emissão Certificado</label>
                  <input type="text" name="anoemissao" id="anoemissao" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: 2022" required>
              </div>
          </div>

          
          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
              <div>
                  <label for="anoconclusao_fundamental" class="block text-sm font-medium text-gray-700">Ano de Conclusão Ens. Fundamental</label>
                  <input type="text" name="anoconclusao_fundamental" id="anoconclusao_fundamental" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: 1995" required>
              </div>
              <div>
                  <label for="escolaconclusao_fundamental" class="block text-sm font-medium text-gray-700">Escola Conclusão Ens. Fundamental</label>
                  <input type="text" name="escolaconclusao_fundamental" id="escolaconclusao_fundamental" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: ESCOLA HORACIO LIMA" required>
              </div>
          </div>
    
          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
              <div>
                  <label for="anoconclusao" class="block text-sm font-medium text-gray-700">Ano de Conclusão Ens. Médio</label>
                  <input type="text" name="anoconclusao" id="anoconclusao" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: 1997" required>
              </div>
              <!-- sua_view.blade.php -->
              <div>
                  <label for="escola" class="block text-sm font-medium text-gray-700">Escola</label>
                  <select class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" id="escola" name="escola">
                      <option value="">Selecione uma escola</option>
                      @foreach(Modules\ModuloDesign\Entities\Escolas::all() as $escola)
                          <option value="{{ $escola->id }}">{{ $escola->nome }}</option>
                      @endforeach
                  </select>
              </div>
          </div>

          <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
              <div>
                  <label for="numregistro" class="block text-sm font-medium text-gray-700">Nº Registro Sec. Educação</label>
                  <input type="text" name="numregistro" id="numregistro" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: 355" required>
              </div>
              <div>
                  <label for="numlivro" class="block text-sm font-medium text-gray-700">Nº Livro Sec. Educação</label>
                  <input type="text" name="numlivro" id="numlivro" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: 03" required>
              </div>
              <div>
                  <label for="numfolha" class="block text-sm font-medium text-gray-700">Nº Folha Sec. Educação</label>
                  <input type="text" name="numfolha" id="numfolha" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: 20" required>
              </div>
          </div>

          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
              <div>
                  <label for="tipo_assinatura_sec" class="block text-sm font-medium text-gray-700">Tipo assinatura Secretário(a)</label>
                  <select class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" id="tipo_assinatura_sec" name="tipo_assinatura_sec">
                      <option value="01">Sem assinatura</option>
                      <option value="02">Assinatura com fonte (Hanoman)</option>
                      <option value="03">Assinatura com fonte (La Storia)</option>
                      <option value="04">Assinatura com fonte (Sadio)</option>
                      <option value="05">Assinatura com fonte (Script)</option>
                      <option value="06">Assinatura com fonte (Signerica)</option>
                      <option value="07">Assinatura com fonte (Susanti)</option>
                      <option value="08">Assinatura com fonte (Yay)</option>
                  </select>
              </div>
              <div>
                  <label for="tipo_assinatura_dir" class="block text-sm font-medium text-gray-700">Tipo assinatura Aluno(a)</label>
                  <select class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" id="tipo_assinatura_dir" name="tipo_assinatura_dir">
                      <option value="01">Sem assinatura</option>
                      <option value="02">Assinatura com fonte (Hanoman)</option>
                      <option value="03">Assinatura com fonte (La Storia)</option>
                      <option value="04">Assinatura com fonte (Sadio)</option>
                      <option value="05">Assinatura com fonte (Script)</option>
                      <option value="06">Assinatura com fonte (Signerica)</option>
                      <option value="07">Assinatura com fonte (Susanti)</option>
                      <option value="08">Assinatura com fonte (Yay)</option>
                  </select>
              </div>
          </div>

          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
              <div>
                  <label for="modelo_certificado" class="block text-sm font-medium text-gray-700">Modelo Borda do Certificado</label>
                  <select class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" id="modelo_certificado" name="modelo_certificado">
                      <option value="1">Modelo (1)</option>
                      <option value="2">Modelo (2)</option>
                      <option value="3">Modelo (3)</option>
                      <option value="4">Modelo (4)</option>
                  </select>
              </div>
              <div>
                  <label for="cor_selo" class="block text-sm font-medium text-gray-700">Cor Selo Rep. do Brasil</label>
                  <select class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" id="cor_selo" name="cor_selo">
                      <option value="01">Azul</option>
                      <option value="02">Dourado</option>
                      <option value="03">Dourado (Unip)</option>
                  </select>
              </div>
          </div>

          <div class="grid grid-cols-1 md:grid-cols-1 gap-4">
              <div>
                  <label for="qrcode" class="block text-sm font-medium text-gray-700">Exibe QRCODE Hist.?</label>
                  <select class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm focus:ring focus:ring-blue-500 focus:border-blue-500" id="qrcode" name="qrcode">
                      <option value="0">Sim</option>
                      <option value="1">Não</option>
                  </select>
              </div>
          </div>
          <div>
              <button style="text-transform: uppercase; width: 100%; text-align: center; padding: 0.8em 0.8em!important;" type="submit" class="mt-4 items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
                  Cadastrar Aluno
              </button>
          </div>
        </form>


        <!-- <form action="{{ route('modulodesign.ensinomedioStore') }}" method="POST" enctype="multipart/form-data" class="space-y-4">
          @csrf
          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
              <div class="form-group">
                  <label for="nome" class="block font-semibold">Nome do Aluno</label>
                  <input type="text" id="nome" name="nome" placeholder="Ex: JOÃO MIGUEL" required class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
              </div>
              <div class="form-group">
                  <label for="nascimento" class="block font-semibold">Local de Nascimento</label>
                  <input type="text" id="nascimento" name="nascimento" placeholder="Ex: GOIÂNIA" required class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
              </div>
              <div class="form-group">
                  <label for="estadonasc" class="block font-semibold">Estado de Nascimento</label>
                  <select id="estadonasc" name="estadonasc" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
                      @foreach (\Modules\ModuloDesign\Entities\Escolas::all() as $escola)
                          <option value="{{ $escola->nome }}">{{ $escola->nome }}</option>
                      @endforeach
                  </select>
              </div>
              <div class="form-group">
                  <label for="nacionalidade" class="block font-semibold">Nacionalidade</label>
                  <select id="nacionalidade" name="nacionalidade" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
                      <option value="BRA">Brasileira</option>
                      <option value="ES">Estrangeira</option>
                  </select>
              </div>
              <div class="form-group">
                  <label for="cpf" class="block font-semibold">CPF</label>
                  <input type="text" id="cpf" name="cpf" placeholder="000.000.000-00" required class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
              </div>
              <div class="form-group">
                  <label for="rg" class="block font-semibold">RG</label>
                  <input type="text" id="rg" name="rg" placeholder="Ex: 1234567-8" required class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
              </div>
              <div class="form-group">
                  <label for="sexo" class="block font-semibold">Sexo</label>
                  <select id="sexo" name="sexo" required class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
                      <option value="masculino">Masculino</option>
                      <option value="feminino">Feminino</option>
                      <option value="outro">Outro</option>
                  </select>
              </div>
              <div class="form-group">
                  <label for="endereco" class="block font-semibold">Endereço</label>
                  <input type="text" id="endereco" name="endereco" placeholder="Rua, Número, Complemento" required class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
              </div>
              <div class="form-group">
                  <label for="cidade" class="block font-semibold">Cidade</label>
                  <input type="text" id="cidade" name="cidade" placeholder="Ex: São Paulo" required class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
              </div>
              <div class="form-group">
                  <label for="estado" class="block font-semibold">Estado</label>
                  <select id="estado" name="estado" required class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
                      <option value="AC">Acre</option>
                      <option value="AL">Alagoas</option>
                      <option value="AP">Amapá</option>
                      <option value="AM">Amazonas</option>
                      <option value="BA">Bahia</option>
                      <option value="CE">Ceará</option>
                      <option value="DF">Distrito Federal</option>
                      <option value="ES">Espírito Santo</option>
                      <option value="GO">Goiás</option>
                      <option value="MA">Maranhão</option>
                      <option value="MT">Mato Grosso</option>
                      <option value="MS">Mato Grosso do Sul</option>
                      <option value="MG">Minas Gerais</option>
                      <option value="PA">Pará</option>
                      <option value="PB">Paraíba</option>
                      <option value="PR">Paraná</option>
                      <option value="PE">Pernambuco</option>
                      <option value="PI">Piauí</option>
                      <option value="RJ">Rio de Janeiro</option>
                      <option value="RN">Rio Grande do Norte</option>
                      <option value="RS">Rio Grande do Sul</option>
                      <option value="RO">Rondônia</option>
                      <option value="RR">Roraima</option>
                      <option value="SC">Santa Catarina</option>
                      <option value="SP">São Paulo</option>
                      <option value="SE">Sergipe</option>
                      <option value="TO">Tocantins</option>
                  </select>
              </div>

              <div class="form-group">
                  <label for="cep" class="block font-semibold">CEP</label>
                  <input type="text" id="cep" name="cep" placeholder="00000-000" required class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
              </div>
              <div class="form-group col-span-1">
                  <label for="logo" class="block font-semibold">Logo da Escola</label>
                  <input type="file" id="logo" name="logo" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm sm:text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
              </div>
          </div>
      </form> -->

        
    </div>
</div>
@endsection