@extends('layouts.app')

@section('title', 'Criar Aluno - SGE')

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header bg-primary-custom text-white py-2">
                <h5 class="mb-0">{{ __('common.create_student') }}</h5>
            </div>
            <div class="card-body p-2">
                <form method="POST" action="{{ route('admin.alunos.store') }}" enctype="multipart/form-data" id="form-create-aluno" onsubmit="return preventDoubleSubmit(this)">
                    @csrf

                    <div class="row g-1">
                        <div class="col-md-12">
                            <h6 class="border-bottom pb-1 mb-2 fw-bold text-primary">{{ __('common.student_data') }}</h6>
                        </div>

                        <div class="col-md-3">
                            <label for="foto" class="form-label small mb-1">{{ __('common.student_photo') }}</label>
                            <div id="foto-preview" style="width: 100%; max-width: 120px; height: 150px; border: 2px solid #333; display: flex; align-items: center; justify-content: center; background-color: #f9f9f9; margin-bottom: 5px;">
                                <span class="text-muted" style="font-size: 0.7rem;">{{ __('common.no_photo') }}</span>
                            </div>
                            <input type="file" class="form-control form-control-sm @error('foto') is-invalid @enderror" 
                                   id="foto" name="foto" accept="image/jpeg,image/jpg,image/png" onchange="previewFoto(this)">
                            <input type="hidden" id="foto_base64" name="foto_base64">
                            @error('foto')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                            <div class="btn-group btn-group-sm w-100 mt-1" role="group">
                                <button type="button" class="btn btn-outline-primary btn-sm" onclick="capturarFoto()">
                                    <i class="bi bi-camera"></i> Capturar
                                </button>
                                <button type="button" class="btn btn-outline-danger btn-sm" onclick="removerFoto()">
                                    <i class="bi bi-trash"></i> Remover
                                </button>
                            </div>
                        </div>

                        <div class="col-md-9">
                            <div class="row g-1">
                                <div class="col-md-12">
                                    <label for="name" class="form-label small mb-0">{{ __('common.student_name') }} *</label>
                                    <input type="text" class="form-control form-control-sm @error('name') is-invalid @enderror" 
                                           id="name" name="name" value="{{ old('name') }}" required>
                                    @error('name')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-4">
                                    <label for="local_nascimento" class="form-label small mb-0">Local de nascimento</label>
                                    <input type="text" class="form-control form-control-sm @error('local_nascimento') is-invalid @enderror" 
                                           id="local_nascimento" name="local_nascimento" value="{{ old('local_nascimento') }}">
                                    @error('local_nascimento')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-2">
                                    <label for="dia_nascimento" class="form-label small mb-0">Dia</label>
                                    <input type="number" class="form-control form-control-sm" 
                                           id="dia_nascimento" name="dia_nascimento" min="1" max="31" 
                                           value="{{ old('dia_nascimento') }}">
                                </div>

                                <div class="col-md-2">
                                    <label for="mes_nascimento" class="form-label small mb-0">Mês</label>
                                    <input type="number" class="form-control form-control-sm" 
                                           id="mes_nascimento" name="mes_nascimento" min="1" max="12"
                                           value="{{ old('mes_nascimento') }}">
                                </div>

                                <div class="col-md-2">
                                    <label for="ano_nascimento" class="form-label small mb-0">Ano</label>
                                    <input type="number" class="form-control form-control-sm" 
                                           id="ano_nascimento" name="ano_nascimento" min="1900" max="{{ date('Y') }}"
                                           value="{{ old('ano_nascimento') }}">
                                </div>

                                <input type="hidden" id="data_nascimento" name="data_nascimento" value="{{ old('data_nascimento') }}">
                            </div>
                        </div>

                        <div class="col-md-3">
                            <label for="naturalidade" class="form-label small mb-0">Naturalidade</label>
                            <input type="text" class="form-control form-control-sm @error('naturalidade') is-invalid @enderror" 
                                   id="naturalidade" name="naturalidade" value="{{ old('naturalidade') }}">
                            @error('naturalidade')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-3">
                            <label for="distrito_natural" class="form-label small mb-0">Distrito</label>
                            <input type="text" class="form-control form-control-sm @error('distrito_natural') is-invalid @enderror" 
                                   id="distrito_natural" name="distrito_natural" value="{{ old('distrito_natural') }}">
                            @error('distrito_natural')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-3">
                            <label for="provincia_natural" class="form-label small mb-0">Província</label>
                            <select class="form-select form-select-sm @error('provincia_natural') is-invalid @enderror" 
                                    id="provincia_natural" name="provincia_natural">
                                <option value="">Selecione</option>
                                <option value="Cabo Delgado" {{ old('provincia_natural') == 'Cabo Delgado' ? 'selected' : '' }}>Cabo Delgado</option>
                                <option value="Gaza" {{ old('provincia_natural') == 'Gaza' ? 'selected' : '' }}>Gaza</option>
                                <option value="Inhambane" {{ old('provincia_natural') == 'Inhambane' ? 'selected' : '' }}>Inhambane</option>
                                <option value="Manica" {{ old('provincia_natural') == 'Manica' ? 'selected' : '' }}>Manica</option>
                                <option value="Maputo" {{ old('provincia_natural') == 'Maputo' ? 'selected' : '' }}>Maputo</option>
                                <option value="Maputo Cidade" {{ old('provincia_natural') == 'Maputo Cidade' ? 'selected' : '' }}>Maputo Cidade</option>
                                <option value="Nampula" {{ old('provincia_natural') == 'Nampula' ? 'selected' : '' }}>Nampula</option>
                                <option value="Niassa" {{ old('provincia_natural') == 'Niassa' ? 'selected' : '' }}>Niassa</option>
                                <option value="Sofala" {{ old('provincia_natural') == 'Sofala' ? 'selected' : '' }}>Sofala</option>
                                <option value="Tete" {{ old('provincia_natural') == 'Tete' ? 'selected' : '' }}>Tete</option>
                                <option value="Zambézia" {{ old('provincia_natural') == 'Zambézia' ? 'selected' : '' }}>Zambézia</option>
                            </select>
                            @error('provincia_natural')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-2">
                            <label for="tipo_documento" class="form-label small mb-0">Tipo Doc. *</label>
                            <select class="form-select form-select-sm @error('tipo_documento') is-invalid @enderror" 
                                    id="tipo_documento" name="tipo_documento" required>
                                <option value="">Selecione</option>
                                <option value="BI" {{ old('tipo_documento') == 'BI' ? 'selected' : '' }}>BI</option>
                                <option value="Cédula" {{ old('tipo_documento') == 'Cédula' ? 'selected' : '' }}>Cédula</option>
                                <option value="Passaporte" {{ old('tipo_documento') == 'Passaporte' ? 'selected' : '' }}>Passaporte</option>
                            </select>
                            @error('tipo_documento')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-3">
                            <label for="num_documento" class="form-label small mb-0">Nº do Documento</label>
                            <input type="text" class="form-control form-control-sm @error('num_documento') is-invalid @enderror" 
                                   id="num_documento" name="num_documento" value="{{ old('num_documento') }}">
                            @error('num_documento')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-3">
                            <label for="local_emissao" class="form-label small mb-0">Local de emissão</label>
                            <input type="text" class="form-control form-control-sm @error('local_emissao') is-invalid @enderror" 
                                   id="local_emissao" name="local_emissao" value="{{ old('local_emissao') }}">
                            @error('local_emissao')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-2">
                            <label for="data_emissao" class="form-label small mb-0">Data emissão</label>
                            <input type="date" class="form-control form-control-sm @error('data_emissao') is-invalid @enderror" 
                                   id="data_emissao" name="data_emissao" value="{{ old('data_emissao') }}">
                            @error('data_emissao')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-12 mt-2">
                            <hr class="my-1">
                            <h6 class="border-bottom pb-1 mb-1 fw-bold text-primary">INFORMAÇÃO COMPLEMENTAR</h6>
                            <small class="text-muted">Para efeitos de benefícios diversos (redução de propinas e uso das instalações para eventos)</small>
                        </div>

                        <div class="col-md-4">
                            <label for="num_irmaos_mais_velhos" class="form-label small mb-0">N° de Irmãos mais velhos</label>
                            <input type="number" min="0" class="form-control form-control-sm @error('num_irmaos_mais_velhos') is-invalid @enderror" 
                                   id="num_irmaos_mais_velhos" name="num_irmaos_mais_velhos" value="{{ old('num_irmaos_mais_velhos', 0) }}">
                            @error('num_irmaos_mais_velhos')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-4">
                            <label for="num_irmaos_mais_novos" class="form-label small mb-0">N° de Irmãos mais novos</label>
                            <input type="number" min="0" class="form-control form-control-sm @error('num_irmaos_mais_novos') is-invalid @enderror" 
                                   id="num_irmaos_mais_novos" name="num_irmaos_mais_novos" value="{{ old('num_irmaos_mais_novos', 0) }}">
                            @error('num_irmaos_mais_novos')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-4">
                            <label for="num_irmaos_mesma_idade" class="form-label small mb-0">N° de Irmãos com a mesma idade</label>
                            <input type="number" min="0" class="form-control form-control-sm @error('num_irmaos_mesma_idade') is-invalid @enderror" 
                                   id="num_irmaos_mesma_idade" name="num_irmaos_mesma_idade" value="{{ old('num_irmaos_mesma_idade', 0) }}">
                            @error('num_irmaos_mesma_idade')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-12 mt-2">
                            <hr class="my-1">
                            <h6 class="border-bottom pb-1 mb-1 fw-bold text-primary">IDENTIFICAÇÃO DOS PAIS</h6>
                        </div>

                        <div class="col-md-6">
                            <h6 class="small fw-bold mb-1">Nome do Pai</h6>
                            <div class="row g-1">
                                <div class="col-md-12">
                                    <label for="nome_pai" class="form-label small mb-0">Nome</label>
                                    <input type="text" class="form-control form-control-sm @error('nome_pai') is-invalid @enderror" 
                                           id="nome_pai" name="nome_pai" value="{{ old('nome_pai') }}">
                                    @error('nome_pai')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-12">
                                    <label for="local_trabalho_pai" class="form-label small mb-0">Local de trabalho</label>
                                    <input type="text" class="form-control form-control-sm @error('local_trabalho_pai') is-invalid @enderror" 
                                           id="local_trabalho_pai" name="local_trabalho_pai" value="{{ old('local_trabalho_pai') }}">
                                    @error('local_trabalho_pai')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <label for="endereco_pai_bairro" class="form-label small mb-0">Bairro</label>
                                    <input type="text" class="form-control form-control-sm @error('endereco_pai_bairro') is-invalid @enderror" 
                                           id="endereco_pai_bairro" name="endereco_pai_bairro" value="{{ old('endereco_pai_bairro') }}">
                                    @error('endereco_pai_bairro')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <label for="endereco_pai_rua" class="form-label small mb-0">Avenida/Rua</label>
                                    <input type="text" class="form-control form-control-sm @error('endereco_pai_rua') is-invalid @enderror" 
                                           id="endereco_pai_rua" name="endereco_pai_rua" value="{{ old('endereco_pai_rua') }}">
                                    @error('endereco_pai_rua')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                    <label for="endereco_pai_numero" class="form-label small mb-0">N°</label>
                                    <input type="text" class="form-control form-control-sm @error('endereco_pai_numero') is-invalid @enderror" 
                                           id="endereco_pai_numero" name="endereco_pai_numero" value="{{ old('endereco_pai_numero') }}">
                                    @error('endereco_pai_numero')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                    <label for="endereco_pai_quarteirao" class="form-label small mb-0">Quarteirão/andar</label>
                                    <input type="text" class="form-control form-control-sm @error('endereco_pai_quarteirao') is-invalid @enderror" 
                                           id="endereco_pai_quarteirao" name="endereco_pai_quarteirao" value="{{ old('endereco_pai_quarteirao') }}">
                                    @error('endereco_pai_quarteirao')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                    <label for="endereco_pai_flat" class="form-label small mb-0">Flat</label>
                                    <input type="text" class="form-control form-control-sm @error('endereco_pai_flat') is-invalid @enderror" 
                                           id="endereco_pai_flat" name="endereco_pai_flat" value="{{ old('endereco_pai_flat') }}">
                                    @error('endereco_pai_flat')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                    <label for="telefone_pai" class="form-label small mb-0">Tel</label>
                                    <input type="text" class="form-control form-control-sm @error('telefone_pai') is-invalid @enderror" 
                                           id="telefone_pai" name="telefone_pai" value="{{ old('telefone_pai') }}">
                                    @error('telefone_pai')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <label for="bi_pai" class="form-label small mb-0">N° do BI</label>
                                    <input type="text" class="form-control form-control-sm @error('bi_pai') is-invalid @enderror" 
                                           id="bi_pai" name="bi_pai" value="{{ old('bi_pai') }}">
                                    @error('bi_pai')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <h6 class="small fw-bold mb-1">Nome da Mãe</h6>
                            <div class="row g-1">
                                <div class="col-md-12">
                                    <label for="nome_mae" class="form-label small mb-0">Nome</label>
                                    <input type="text" class="form-control form-control-sm @error('nome_mae') is-invalid @enderror" 
                                           id="nome_mae" name="nome_mae" value="{{ old('nome_mae') }}">
                                    @error('nome_mae')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-12">
                                    <label for="local_trabalho_mae" class="form-label small mb-0">Local de trabalho</label>
                                    <input type="text" class="form-control form-control-sm @error('local_trabalho_mae') is-invalid @enderror" 
                                           id="local_trabalho_mae" name="local_trabalho_mae" value="{{ old('local_trabalho_mae') }}">
                                    @error('local_trabalho_mae')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <label for="endereco_mae_bairro" class="form-label small mb-0">Bairro</label>
                                    <input type="text" class="form-control form-control-sm @error('endereco_mae_bairro') is-invalid @enderror" 
                                           id="endereco_mae_bairro" name="endereco_mae_bairro" value="{{ old('endereco_mae_bairro') }}">
                                    @error('endereco_mae_bairro')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <label for="endereco_mae_rua" class="form-label small mb-0">Avenida/Rua</label>
                                    <input type="text" class="form-control form-control-sm @error('endereco_mae_rua') is-invalid @enderror" 
                                           id="endereco_mae_rua" name="endereco_mae_rua" value="{{ old('endereco_mae_rua') }}">
                                    @error('endereco_mae_rua')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                    <label for="endereco_mae_numero" class="form-label small mb-0">N°</label>
                                    <input type="text" class="form-control form-control-sm @error('endereco_mae_numero') is-invalid @enderror" 
                                           id="endereco_mae_numero" name="endereco_mae_numero" value="{{ old('endereco_mae_numero') }}">
                                    @error('endereco_mae_numero')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                    <label for="endereco_mae_quarteirao" class="form-label small mb-0">Quarteirão/andar</label>
                                    <input type="text" class="form-control form-control-sm @error('endereco_mae_quarteirao') is-invalid @enderror" 
                                           id="endereco_mae_quarteirao" name="endereco_mae_quarteirao" value="{{ old('endereco_mae_quarteirao') }}">
                                    @error('endereco_mae_quarteirao')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                    <label for="endereco_mae_flat" class="form-label small mb-0">Flat</label>
                                    <input type="text" class="form-control form-control-sm @error('endereco_mae_flat') is-invalid @enderror" 
                                           id="endereco_mae_flat" name="endereco_mae_flat" value="{{ old('endereco_mae_flat') }}">
                                    @error('endereco_mae_flat')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                    <label for="telefone_mae" class="form-label small mb-0">Tel</label>
                                    <input type="text" class="form-control form-control-sm @error('telefone_mae') is-invalid @enderror" 
                                           id="telefone_mae" name="telefone_mae" value="{{ old('telefone_mae') }}">
                                    @error('telefone_mae')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <label for="bi_mae" class="form-label small mb-0">N° do BI</label>
                                    <input type="text" class="form-control form-control-sm @error('bi_mae') is-invalid @enderror" 
                                           id="bi_mae" name="bi_mae" value="{{ old('bi_mae') }}">
                                    @error('bi_mae')
                                        <div class="invalid-feedback small">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="col-md-2">
                            <label for="genero" class="form-label small mb-0">Género</label>
                            <select class="form-select form-select-sm @error('genero') is-invalid @enderror" 
                                    id="genero" name="genero">
                                <option value="">Selecione</option>
                                <option value="M" {{ old('genero') == 'M' ? 'selected' : '' }}>Masculino</option>
                                <option value="F" {{ old('genero') == 'F' ? 'selected' : '' }}>Feminino</option>
                                <option value="Outro" {{ old('genero') == 'Outro' ? 'selected' : '' }}>Outro</option>
                            </select>
                            @error('genero')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-2">
                            <label for="telefone" class="form-label small mb-0">Telefone</label>
                            <input type="text" class="form-control form-control-sm @error('telefone') is-invalid @enderror" 
                                   id="telefone" name="telefone" value="{{ old('telefone') }}">
                            @error('telefone')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="endereco" class="form-label small mb-0">Endereço</label>
                            <textarea class="form-control form-control-sm @error('endereco') is-invalid @enderror" 
                                      id="endereco" name="endereco" rows="1">{{ old('endereco') }}</textarea>
                            @error('endereco')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-12 mt-2">
                            <hr class="my-1">
                            <h6 class="border-bottom pb-1 mb-1 fw-bold text-primary">DADOS DE SAÚDE DO ALUNO</h6>
                        </div>

                        <div class="col-md-6">
                            <label for="plano_saude" class="form-label small mb-0">É dependente de algum plano de Saúde? Se sim, qual?</label>
                            <input type="text" class="form-control form-control-sm @error('plano_saude') is-invalid @enderror" 
                                   id="plano_saude" name="plano_saude" value="{{ old('plano_saude') }}" placeholder="Deixe em branco se não">
                            @error('plano_saude')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="problema_saude_cronico" class="form-label small mb-0">Tem algum problema de saúde crônico? Se sim, qual?</label>
                            <input type="text" class="form-control form-control-sm @error('problema_saude_cronico') is-invalid @enderror" 
                                   id="problema_saude_cronico" name="problema_saude_cronico" value="{{ old('problema_saude_cronico') }}" placeholder="Deixe em branco se não">
                            @error('problema_saude_cronico')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="alergias" class="form-label small mb-0">Tem alergias? Se sim, quais?</label>
                            <input type="text" class="form-control form-control-sm @error('alergias') is-invalid @enderror" 
                                   id="alergias" name="alergias" value="{{ old('alergias') }}" placeholder="Deixe em branco se não">
                            @error('alergias')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="diagnostico_deficiencia" class="form-label small mb-0">Já recebeu algum diagnóstico médico de deficiência? Se sim, qual?</label>
                            <input type="text" class="form-control form-control-sm @error('diagnostico_deficiencia') is-invalid @enderror" 
                                   id="diagnostico_deficiencia" name="diagnostico_deficiencia" value="{{ old('diagnostico_deficiencia') }}" placeholder="Deixe em branco se não">
                            @error('diagnostico_deficiencia')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="dificuldade_motora_auditiva_visual_fala_emocional" class="form-label small mb-0">Apresenta alguma dificuldade motora, auditiva, visual, na fala ou emocional? Se sim, qual?</label>
                            <input type="text" class="form-control form-control-sm @error('dificuldade_motora_auditiva_visual_fala_emocional') is-invalid @enderror" 
                                   id="dificuldade_motora_auditiva_visual_fala_emocional" name="dificuldade_motora_auditiva_visual_fala_emocional" value="{{ old('dificuldade_motora_auditiva_visual_fala_emocional') }}" placeholder="Deixe em branco se não">
                            @error('dificuldade_motora_auditiva_visual_fala_emocional')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="tratamento_medico" class="form-label small mb-0">Está em tratamento médico? Se sim, para que doença?</label>
                            <input type="text" class="form-control form-control-sm @error('tratamento_medico') is-invalid @enderror" 
                                   id="tratamento_medico" name="tratamento_medico" value="{{ old('tratamento_medico') }}" placeholder="Deixe em branco se não">
                            @error('tratamento_medico')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="medicacao" class="form-label small mb-0">Está em uso de alguma medicação? Qual? Quando encerrar o uso?</label>
                            <input type="text" class="form-control form-control-sm @error('medicacao') is-invalid @enderror" 
                                   id="medicacao" name="medicacao" value="{{ old('medicacao') }}" placeholder="Deixe em branco se não">
                            @error('medicacao')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-3">
                            <label for="vacinas_em_dia" class="form-label small mb-0">As vacinas estão em dia?</label>
                            <select class="form-select form-select-sm @error('vacinas_em_dia') is-invalid @enderror" 
                                    id="vacinas_em_dia" name="vacinas_em_dia">
                                <option value="">Selecione</option>
                                <option value="1" {{ old('vacinas_em_dia') == '1' ? 'selected' : '' }}>Sim</option>
                                <option value="0" {{ old('vacinas_em_dia') == '0' ? 'selected' : '' }}>Não</option>
                            </select>
                            @error('vacinas_em_dia')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="contato_emergencia" class="form-label small mb-0">Em caso de emergência para quem ligar e em qual número?</label>
                            <input type="text" class="form-control form-control-sm @error('contato_emergencia') is-invalid @enderror" 
                                   id="contato_emergencia" name="contato_emergencia" value="{{ old('contato_emergencia') }}">
                            @error('contato_emergencia')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-12">
                            <label for="outras_informacoes_saude" class="form-label small mb-0">Existe alguma outra informação a respeito da saúde do aluno que o Encarregado queira fazer constar da ficha?</label>
                            <textarea class="form-control form-control-sm @error('outras_informacoes_saude') is-invalid @enderror" 
                                      id="outras_informacoes_saude" name="outras_informacoes_saude" rows="2">{{ old('outras_informacoes_saude') }}</textarea>
                            @error('outras_informacoes_saude')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-12 mt-2">
                            <hr class="my-1">
                            <h6 class="border-bottom pb-1 mb-1 fw-bold text-primary">INDIVÍDUOS AUTORIZADOS A ACOMPANHAR O ALUNO</h6>
                            <small class="text-muted">Adulto, idôneo ou maior de 16 anos emancipado</small>
                        </div>

                        <div class="col-md-6">
                            <label for="individuo_autorizado_1_nome" class="form-label small mb-0">Nome (1)</label>
                            <input type="text" class="form-control form-control-sm @error('individuo_autorizado_1_nome') is-invalid @enderror" 
                                   id="individuo_autorizado_1_nome" name="individuo_autorizado_1_nome" value="{{ old('individuo_autorizado_1_nome') }}">
                            @error('individuo_autorizado_1_nome')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="individuo_autorizado_1_telefone" class="form-label small mb-0">Tel (1)</label>
                            <input type="text" class="form-control form-control-sm @error('individuo_autorizado_1_telefone') is-invalid @enderror" 
                                   id="individuo_autorizado_1_telefone" name="individuo_autorizado_1_telefone" value="{{ old('individuo_autorizado_1_telefone') }}">
                            @error('individuo_autorizado_1_telefone')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="individuo_autorizado_2_nome" class="form-label small mb-0">Nome (2)</label>
                            <input type="text" class="form-control form-control-sm @error('individuo_autorizado_2_nome') is-invalid @enderror" 
                                   id="individuo_autorizado_2_nome" name="individuo_autorizado_2_nome" value="{{ old('individuo_autorizado_2_nome') }}">
                            @error('individuo_autorizado_2_nome')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="individuo_autorizado_2_telefone" class="form-label small mb-0">Tel (2)</label>
                            <input type="text" class="form-control form-control-sm @error('individuo_autorizado_2_telefone') is-invalid @enderror" 
                                   id="individuo_autorizado_2_telefone" name="individuo_autorizado_2_telefone" value="{{ old('individuo_autorizado_2_telefone') }}">
                            @error('individuo_autorizado_2_telefone')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="individuo_autorizado_3_nome" class="form-label small mb-0">Nome (3)</label>
                            <input type="text" class="form-control form-control-sm @error('individuo_autorizado_3_nome') is-invalid @enderror" 
                                   id="individuo_autorizado_3_nome" name="individuo_autorizado_3_nome" value="{{ old('individuo_autorizado_3_nome') }}">
                            @error('individuo_autorizado_3_nome')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="individuo_autorizado_3_telefone" class="form-label small mb-0">Tel (3)</label>
                            <input type="text" class="form-control form-control-sm @error('individuo_autorizado_3_telefone') is-invalid @enderror" 
                                   id="individuo_autorizado_3_telefone" name="individuo_autorizado_3_telefone" value="{{ old('individuo_autorizado_3_telefone') }}">
                            @error('individuo_autorizado_3_telefone')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-3">
                            <label for="ano_ingresso" class="form-label small mb-0">Ano de Ingresso</label>
                            <input type="number" class="form-control form-control-sm @error('ano_ingresso') is-invalid @enderror" 
                                   id="ano_ingresso" name="ano_ingresso" value="{{ old('ano_ingresso', date('Y')) }}" 
                                   min="2000" max="{{ date('Y') }}">
                            @error('ano_ingresso')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-3">
                            <label for="ano_letivo_id" class="form-label small mb-0">Ano Letivo <span class="text-danger">*</span></label>
                            <select class="form-select form-select-sm @error('ano_letivo_id') is-invalid @enderror" 
                                    id="ano_letivo_id" name="ano_letivo_id" required>
                                <option value="">Selecione o Ano Letivo</option>
                                @foreach($anosLetivos as $ano)
                                    <option value="{{ $ano->id }}" 
                                            {{ old('ano_letivo_id', $anoLetivo?->id) == $ano->id ? 'selected' : '' }}>
                                        {{ $ano->ano }}
                                        @if($ano->ativo) (Activo) @endif
                                    </option>
                                @endforeach
                            </select>
                            @error('ano_letivo_id')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-3">
                            <label for="nivel_ensino" class="form-label small mb-0">Nível de Ensino</label>
                            <select class="form-select form-select-sm" id="nivel_ensino" name="nivel_ensino">
                                <option value="">Selecione o nível</option>
                                <option value="PRIMARIO" {{ old('nivel_ensino', 'PRIMARIO') == 'PRIMARIO' ? 'selected' : '' }}>Primário</option>
                                <option value="SECUNDARIO" {{ old('nivel_ensino') == 'SECUNDARIO' ? 'selected' : '' }}>Secundário</option>
                            </select>
                        </div>

                        <div class="col-md-3">
                            <label for="classe" class="form-label small mb-0">Classe</label>
                            <select class="form-select form-select-sm" id="classe" name="classe">
                                <option value="">Selecione a Classe</option>
                                @foreach($classes as $classe)
                                    <option value="{{ $classe }}" {{ old('classe') == $classe ? 'selected' : '' }}>{{ $classe }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-3">
                            <label for="turma_id" class="form-label small mb-0">Turma *</label>
                            <select class="form-select form-select-sm @error('turma_id') is-invalid @enderror" 
                                    id="turma_id" name="turma_id" required>
                                <option value="">Selecione a Turma</option>
                                @foreach($turmas as $turma)
                                    <option value="{{ $turma->id }}" 
                                            data-classe="{{ $turma->codigo }}"
                                            data-nivel="{{ $turma->nivel_ensino ?? 'PRIMARIO' }}"
                                            {{ old('turma_id') == $turma->id ? 'selected' : '' }}>
                                        {{ $turma->codigo }} - {{ $turma->nome }}
                                    </option>
                                @endforeach
                            </select>
                            @error('turma_id')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-12 mt-1">
                            <hr class="my-1">
                            <h6 class="border-bottom pb-1 mb-1 fw-bold text-primary">DADOS DE ENCARREGADO DE EDUCAÇÃO</h6>
                        </div>

                        <div class="col-md-4">
                            <label for="nome_encarregado" class="form-label small mb-0">Nome do encarregado *</label>
                            <input type="text" class="form-control form-control-sm @error('nome_encarregado') is-invalid @enderror" 
                                   id="nome_encarregado" name="nome_encarregado" value="{{ old('nome_encarregado') }}" required>
                            @error('nome_encarregado')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-4">
                            <label for="endereco_encarregado" class="form-label small mb-0">Endereço de residência</label>
                            <input type="text" class="form-control form-control-sm @error('endereco_encarregado') is-invalid @enderror" 
                                   id="endereco_encarregado" name="endereco_encarregado" value="{{ old('endereco_encarregado') }}">
                            @error('endereco_encarregado')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-2">
                            <label for="profissao_encarregado" class="form-label small mb-0">Profissão</label>
                            <input type="text" class="form-control form-control-sm @error('profissao_encarregado') is-invalid @enderror" 
                                   id="profissao_encarregado" name="profissao_encarregado" value="{{ old('profissao_encarregado') }}">
                            @error('profissao_encarregado')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-2">
                            <label for="telefone_encarregado" class="form-label small mb-0">Contacto</label>
                            <input type="text" class="form-control form-control-sm @error('telefone_encarregado') is-invalid @enderror" 
                                   id="telefone_encarregado" name="telefone_encarregado" value="{{ old('telefone_encarregado') }}">
                            @error('telefone_encarregado')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-3">
                            <label for="bi_encarregado" class="form-label small mb-0">BI N°</label>
                            <input type="text" class="form-control form-control-sm @error('bi_encarregado') is-invalid @enderror" 
                                   id="bi_encarregado" name="bi_encarregado" value="{{ old('bi_encarregado') }}">
                            @error('bi_encarregado')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-3">
                            <label for="grau_parentesco" class="form-label small mb-0">Grau de parentesco</label>
                            <input type="text" class="form-control form-control-sm @error('grau_parentesco') is-invalid @enderror" 
                                   id="grau_parentesco" name="grau_parentesco" value="{{ old('grau_parentesco') }}" placeholder="Ex: Pai, Mãe, Tio, etc.">
                            @error('grau_parentesco')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-12 mt-1">
                            <hr class="my-1">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="pago" name="pago" value="1" {{ old('pago', true) ? 'checked' : '' }}>
                                <label class="form-check-label small" for="pago">
                                    <strong>Pago</strong> (Marque se a matrícula já foi paga)
                                </label>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <h6 class="border-bottom pb-1 mb-2 fw-bold text-primary mt-2">CONFIGURAÇÃO DE MENSALIDADES</h6>
                        </div>

                        <div class="col-md-4">
                            <label for="modalidade_pagamento" class="form-label small mb-1">Modalidade de Pagamento</label>
                            <select class="form-select form-select-sm @error('modalidade_pagamento') is-invalid @enderror" 
                                    id="modalidade_pagamento" name="modalidade_pagamento">
                                <option value="MENSAL" {{ old('modalidade_pagamento', 'MENSAL') == 'MENSAL' ? 'selected' : '' }}>Mensal</option>
                                <option value="TRIMESTRAL" {{ old('modalidade_pagamento', 'MENSAL') == 'TRIMESTRAL' ? 'selected' : '' }}>Trimestral</option>
                                <option value="SEMESTRAL" {{ old('modalidade_pagamento', 'MENSAL') == 'SEMESTRAL' ? 'selected' : '' }}>Semestral</option>
                                <option value="ANUAL" {{ old('modalidade_pagamento', 'MENSAL') == 'ANUAL' ? 'selected' : '' }}>Anual</option>
                            </select>
                            @error('modalidade_pagamento')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">Como o aluno prefere pagar as mensalidades</small>
                        </div>

                        <div class="col-md-4">
                            <label for="valor_mensalidade_personalizado" class="form-label small mb-1">Valor Mensalidade Personalizado (MT)</label>
                            <input type="number" step="0.01" min="0" 
                                   class="form-control form-control-sm @error('valor_mensalidade_personalizado') is-invalid @enderror" 
                                   id="valor_mensalidade_personalizado" name="valor_mensalidade_personalizado" 
                                   value="{{ old('valor_mensalidade_personalizado') }}" 
                                   placeholder="Deixe vazio para usar valor padrão">
                            @error('valor_mensalidade_personalizado')
                                <div class="invalid-feedback small">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">Valor personalizado para este aluno (opcional)</small>
                            </div>
                        </div>
                    </div>

                    <div class="mt-2">
                        <button type="submit" class="btn btn-primary-custom btn-sm">Criar Aluno</button>
                        <a href="{{ route('admin.alunos.index') }}" class="btn btn-secondary btn-sm">Cancelar</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
    // Sincronizar campos de data
    document.addEventListener('DOMContentLoaded', function() {
        const diaNasc = document.getElementById('dia_nascimento');
        const mesNasc = document.getElementById('mes_nascimento');
        const anoNasc = document.getElementById('ano_nascimento');
        const dataNasc = document.getElementById('data_nascimento');

        function updateDateField() {
            if (diaNasc.value && mesNasc.value && anoNasc.value) {
                const dia = String(diaNasc.value).padStart(2, '0');
                const mes = String(mesNasc.value).padStart(2, '0');
                const ano = anoNasc.value;
                dataNasc.value = `${ano}-${mes}-${dia}`;
            }
        }

        function updateIndividualFields() {
            if (dataNasc.value) {
                const date = new Date(dataNasc.value);
                diaNasc.value = date.getDate();
                mesNasc.value = date.getMonth() + 1;
                anoNasc.value = date.getFullYear();
            }
        }

        if (diaNasc) diaNasc.addEventListener('change', updateDateField);
        if (mesNasc) mesNasc.addEventListener('change', updateDateField);
        if (anoNasc) anoNasc.addEventListener('change', updateDateField);
        if (dataNasc) dataNasc.addEventListener('change', updateIndividualFields);
    });

    let stream = null;
    let video = null;
    let canvas = null;

    function previewFoto(input) {
        if (input.files && input.files[0]) {
            const reader = new FileReader();
            reader.onload = function(e) {
                const preview = document.getElementById('foto-preview');
                preview.innerHTML = `<img src="${e.target.result}" style="width: 100%; height: 100%; object-fit: cover;">`;
            };
            reader.readAsDataURL(input.files[0]);
        }
    }

    function capturarFoto() {
        if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
            alert('Seu navegador não suporta captura de vídeo. Use um navegador moderno como Chrome, Firefox ou Edge.');
            return;
        }
        
        // Criar modal para captura
        const modal = document.createElement('div');
        modal.className = 'modal fade';
        modal.id = 'modal-camera';
        modal.setAttribute('data-bs-backdrop', 'static');
        modal.setAttribute('data-bs-keyboard', 'false');
        modal.setAttribute('tabindex', '-1');
        modal.setAttribute('aria-labelledby', 'modal-camera-title');
        modal.setAttribute('aria-modal', 'true');
        // NÃO definir aria-hidden inicialmente - será gerenciado pelo Bootstrap
        // O Bootstrap adiciona aria-hidden="true" por padrão, mas vamos removê-lo antes de mostrar
        modal.innerHTML = `
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="modal-camera-title">Capturar Foto do Aluno</h5>
                        <button type="button" class="btn-close" onclick="fecharCamera()" aria-label="Fechar"></button>
                    </div>
                    <div class="modal-body text-center">
                        <video id="video-camera" autoplay playsinline style="width: 100%; max-width: 500px; border: 2px solid #333;"></video>
                        <canvas id="canvas-camera" style="display: none;"></canvas>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" onclick="tirarFoto()">
                            <i class="bi bi-camera-fill"></i> Capturar Foto
                        </button>
                        <button type="button" class="btn btn-secondary" onclick="fecharCamera()">Cancelar</button>
                    </div>
                </div>
            </div>
        `;
        document.body.appendChild(modal);
        
        // Aguardar um pouco para garantir que o modal foi adicionado ao DOM e Bootstrap está carregado
        setTimeout(function() {
            // Verificar se bootstrap está disponível, tentar aguardar mais se necessário
            let attempts = 0;
            const maxAttempts = 10;
            
            function tryCreateModal() {
                if (typeof window.bootstrap !== 'undefined' && window.bootstrap.Modal) {
                    // REMOVER aria-hidden ANTES de criar e mostrar o modal
                    modal.removeAttribute('aria-hidden');
                    
                    const bsModal = new window.bootstrap.Modal(modal, { 
                        backdrop: 'static', 
                        keyboard: false,
                        focus: true
                    });
                    
                    // Garantir que aria-hidden seja removido ANTES do modal ser mostrado
                    modal.addEventListener('show.bs.modal', function() {
                        modal.removeAttribute('aria-hidden');
                    }, { once: true });
                    
                    // Garantir que aria-hidden seja adicionado quando o modal for escondido
                    modal.addEventListener('hidden.bs.modal', function() {
                        modal.setAttribute('aria-hidden', 'true');
                    }, { once: true });
                    
                    // Garantir que aria-hidden seja removido quando o modal for mostrado
                    // E configurar acesso à câmera
                    modal.addEventListener('shown.bs.modal', function() {
                        // Remover aria-hidden
                        modal.removeAttribute('aria-hidden');
                        
                        // Configurar acesso à câmera
                        video = document.getElementById('video-camera');
                        canvas = document.getElementById('canvas-camera');
                        
                        navigator.mediaDevices.getUserMedia({ 
                            video: { 
                                width: { ideal: 500 },
                                height: { ideal: 600 },
                                facingMode: 'user' 
                            } 
                        })
                            .then(function(mediaStream) {
                                stream = mediaStream;
                                if (video) {
                                    video.srcObject = stream;
                                }
                            })
                            .catch(function(err) {
                                alert('Erro ao acessar a câmera: ' + err.message + '\n\nCertifique-se de que a câmera está conectada e que você permitiu o acesso.');
                                fecharCamera();
                            });
                    }, { once: true });
                    
                    // Remover aria-hidden novamente antes de mostrar (garantia extra)
                    setTimeout(function() {
                        modal.removeAttribute('aria-hidden');
                        bsModal.show();
                    }, 10);
                    return; // Não continuar com o código abaixo
                } else if (attempts < maxAttempts) {
                    attempts++;
                    setTimeout(tryCreateModal, 100);
                } else {
                    alert('Bootstrap não está carregado. Por favor, recarregue a página.\n\nSe o problema persistir, verifique se os assets foram compilados corretamente.');
                }
            }
            
            tryCreateModal();
        }, 100);
    }

    function tirarFoto() {
        if (!video || !canvas) return;
        
        canvas.width = video.videoWidth;
        canvas.height = video.videoHeight;
        const ctx = canvas.getContext('2d');
        ctx.drawImage(video, 0, 0);
        
        const fotoBase64 = canvas.toDataURL('image/jpeg', 0.8);
        document.getElementById('foto_base64').value = fotoBase64;
        
        const preview = document.getElementById('foto-preview');
        preview.innerHTML = `<img src="${fotoBase64}" style="width: 100%; height: 100%; object-fit: cover;">`;
        
        // Limpar campo de upload de arquivo
        document.getElementById('foto').value = '';
        
        fecharCamera();
    }

    function fecharCamera() {
        if (stream) {
            stream.getTracks().forEach(track => track.stop());
            stream = null;
        }
        const modal = document.getElementById('modal-camera');
        if (modal) {
            try {
                // Verificar se bootstrap está disponível
                if (typeof bootstrap !== 'undefined' && bootstrap.Modal) {
                    const bsModal = bootstrap.Modal.getInstance(modal);
                    if (bsModal) {
                        bsModal.hide();
                    } else {
                        modal.style.display = 'none';
                    }
                } else {
                    modal.style.display = 'none';
                }
            } catch(e) {
                modal.style.display = 'none';
            }
            setTimeout(() => {
                if (modal && modal.parentNode) {
                    modal.remove();
                }
            }, 300);
        }
    }

    function removerFoto() {
        document.getElementById('foto').value = '';
        document.getElementById('foto_base64').value = '';
        const preview = document.getElementById('foto-preview');
        preview.innerHTML = '<span class="text-muted small">Sem foto</span>';
    }

    // Armazenar todas as turmas carregadas
    let todasTurmas = [];
    
    function getNivelSelecionado() {
        const nivelSelect = document.getElementById('nivel_ensino');
        return (nivelSelect && nivelSelect.value) ? nivelSelect.value : '';
    }

    // Função para filtrar classes por nível de ensino
    function filtrarClassesPorNivel() {
        const classeSelect = document.getElementById('classe');
        const nivel = getNivelSelecionado();

        const classesSet = new Set();
        todasTurmas.forEach(turma => {
            if (!nivel || turma.nivel === nivel) {
                classesSet.add(turma.codigo);
            }
        });

        const classeAtual = classeSelect.value;
        classeSelect.innerHTML = '<option value="">Selecione a Classe</option>';
        Array.from(classesSet).sort().forEach(classe => {
            const option = document.createElement('option');
            option.value = classe;
            option.textContent = classe;
            if (classeAtual === classe) {
                option.selected = true;
            }
            classeSelect.appendChild(option);
        });
    }

    // Função para filtrar turmas por classe e nível
    function filtrarTurmasPorClasse() {
        const classeSelect = document.getElementById('classe');
        const turmaSelect = document.getElementById('turma_id');
        const classeSelecionada = classeSelect.value;
        const nivel = getNivelSelecionado();
        
        // Limpar seleção atual
        turmaSelect.innerHTML = '<option value="">Selecione a Turma</option>';
        
        todasTurmas.forEach(turma => {
            if (nivel && turma.nivel !== nivel) {
                return;
            }
            if (!classeSelecionada || turma.codigo === classeSelecionada) {
                const option = document.createElement('option');
                option.value = turma.id;
                option.textContent = `${turma.codigo} - ${turma.nome}`;
                option.setAttribute('data-classe', turma.codigo);
                option.setAttribute('data-nivel', turma.nivel);
                turmaSelect.appendChild(option);
            }
        });
    }
    
    // Atualizar turmas quando o ano letivo mudar
    document.getElementById('ano_letivo_id').addEventListener('change', function() {
        const anoLetivoId = this.value;
        const turmaSelect = document.getElementById('turma_id');
        const classeSelect = document.getElementById('classe');
        
        if (!anoLetivoId) {
            turmaSelect.innerHTML = '<option value="">Selecione a Turma</option>';
            classeSelect.innerHTML = '<option value="">Selecione a Classe</option>';
            todasTurmas = [];
            return;
        }
        
        // Buscar turmas do ano letivo selecionado
        fetch(`{{ route('admin.turmas.index') }}?ano_letivo_id=${anoLetivoId}`, {
            headers: {
                'X-Requested-With': 'XMLHttpRequest',
                'Accept': 'application/json'
            }
        })
            .then(response => response.json())
            .then(data => {
                turmaSelect.innerHTML = '<option value="">Selecione a Turma</option>';
                classeSelect.innerHTML = '<option value="">Selecione a Classe</option>';
                
                todasTurmas = [];
                
                if (data.turmas && data.turmas.length > 0) {
                    data.turmas.forEach(turma => {
                        // Armazenar todas as turmas
                        todasTurmas.push({
                            id: turma.id,
                            codigo: turma.codigo,
                            nome: turma.nome,
                            nivel: turma.nivel_ensino || 'PRIMARIO'
                        });
                    });

                    filtrarClassesPorNivel();
                    filtrarTurmasPorClasse();
                }
            })
            .catch(error => {
                console.error('Erro ao carregar turmas:', error);
            });
    });
    
    // Filtrar turmas quando a classe mudar
    document.getElementById('classe').addEventListener('change', function() {
        filtrarTurmasPorClasse();
    });

    // Filtrar classes/turmas quando o nível mudar
    document.getElementById('nivel_ensino').addEventListener('change', function() {
        filtrarClassesPorNivel();
        filtrarTurmasPorClasse();
    });
    
    // Inicializar: carregar todas as turmas iniciais se já houver ano letivo selecionado
    function initAlunoCreateForm() {
        const turmaSelect = document.getElementById('turma_id');
        const classeSelect = document.getElementById('classe');
        const nivelSelect = document.getElementById('nivel_ensino');
        
        if (!turmaSelect || !classeSelect || !nivelSelect) return;

        todasTurmas = [];

        // Armazenar turmas iniciais
        Array.from(turmaSelect.options).forEach(option => {
            if (option.value && option.getAttribute('data-classe')) {
                todasTurmas.push({
                    id: option.value,
                    codigo: option.getAttribute('data-classe'),
                    nome: option.textContent.split(' - ')[1] || option.textContent,
                    nivel: option.getAttribute('data-nivel') || 'PRIMARIO'
                });
            }
        });

        filtrarClassesPorNivel();
        filtrarTurmasPorClasse();
    }

    window.initAlunoCreateForm = initAlunoCreateForm;

    document.addEventListener('DOMContentLoaded', function() {
        initAlunoCreateForm();
    });

    // Prevenir submissão duplicada do formulário
    let formSubmitting = false;
    function preventDoubleSubmit(form) {
        if (formSubmitting) {
            return false;
        }
        formSubmitting = true;
        const submitBtn = form.querySelector('button[type="submit"]');
        if (submitBtn) {
            submitBtn.disabled = true;
            submitBtn.innerHTML = '<i class="bi bi-hourglass-split"></i> A criar...';
        }
        return true;
    }
</script>
@endsection
