@extends('layouts.admin')

@section('titulo', 'Certificado/Emitir')

@section('conteudo')
    <div class="card mt-3">
        <div class="card-body">
            <h3> Emitir certificado </h3>
        </div>
    </div>
    @if ($errors->any())
        <div class="card">
            <div class="card-body">

                <div class="text-center">

                    @foreach ($errors->all() as $error)
                        <i>
                            <p class="text-danger text-center">{{ $error }}</p>
                        </i>
                    @endforeach

                </div>



            </div>
        </div>
    @endif
    <div class="card">

        <!-- /.card-header -->
        <div class="card-body">
            <form method="POST" action="{{ route('documentos.certificados.imprimir') }}" target="_blank" class="row">
                @csrf
                <div class="form-group col-md-12">
                    <label for="aluno" class="form-label">Aluno:</label>
                    <input class="form-control border-secondary col-sm-12" placeholder="Nome do Aluno"  id="aluno" readonly>
                </div>

                <div class="form-group col-md-4">
                    <label for="processo" class="form-label">Número de processo:</label>
                    <input type="text" oninput="getDocumentoCertificadoData()" class="form-control border-secondary col-sm-12" name="processo"
                        placeholder="Número de processo" value="" id="processo" required>
                </div>
                <div class="form-group col-md-4">
                    <label for="registo" class="form-label"> Registo nº:</label>
                    <input type="text" class="form-control border-secondary col-sm-12" name="registo"
                        placeholder="Registo nº" value="" id="registo" required>
                </div>
                <div class="form-group col-md-4">
                    <label for="folha" class="form-label">Folha nº:</label>
                    <input type="text" class="form-control border-secondary col-sm-12" name="folha"
                        placeholder="Folha nº" value="" id="folha" required>
                </div>
                <div class="form-group col-md-4">
                    <label for="processo" class="form-label">Com visto:</label>
                    <select name="visto" id="" class="form-control" required>
                        <option selected disabled>Selecciona a opção</option>
                        <option value="Sim">Sim</option>
                        <option value="Não">Não</option>
                    </select>

                </div>
                <div class="form-group col-md-4">
                    <label for="id_classe" class="form-label">Dá Classe:</label>
                    <select name="id_classe" id="id_classe" class="form-control">
                        <option value="" >Selecciona a Classe</option>
                        @foreach (fh_classes() as $classe)
                            <option value="{{ $classe->id }}">
                                {{ $classe->vc_classe }}ª classe
                            </option>
                        @endforeach
                    </select>

                </div>
                <div class="form-group col-md-4">
                    <label for="id_classe_2" class="form-label">Para Classe:</label>
                    <select name="id_classe_2" id="id_classe_2" class="form-control">
                        <option value="" >Selecciona a Classe</option>
                        @foreach (fh_classes() as $classe)
                            <option value="{{ $classe->id }}">
                                {{ $classe->vc_classe }}ª classe
                            </option>
                        @endforeach
                    </select>

                </div>
                <div class="form-group col-md-4">
                    <label for="vc_natural" class="form-label">Natural de:</label>
                    <input type="text" class="form-control border-secondary col-sm-12" name="vc_natural"
                        placeholder="Da, De, Do" value="" id="vc_natural" required>
                    <span id="municipio-info" class="text-muted small"></span>
                </div>

                <div class="form-group col-md-4">
                    <label for="vc_provincia" class="form-label">Provincia:</label>
                    <input type="text" class="form-control border-secondary col-sm-12" name="vc_provincia"
                        placeholder="Da, De, Do" value="" id="vc_provincia" required>
                    <span id="provincia-info" class="text-muted small">Uíge</span>
                </div>
                <div class="form-group col-md-4">
                    <label for="processo" class="form-label">Com BI:</label>
                    <select name="vc_bi" id="vc_bi" class="form-control" required>
                        <option selected disabled>Selecciona a opção</option>
                        <option value="1">Sim</option>
                        <option value="0">Não</option>
                    </select>
                </div>

                <div class="form-group col-12 d-flex justify-content-center">
                    <label class="form-label text-white">.</label><br>
                    <button class="btn btn-dark " type="submit">Emitir </button>
                </div>
            </form>
        </div>

    </div>
    <!-- /.card -->

    <!-- Footer-->
    @include('admin.layouts.footer')
    <script>
        function getDocumentoCertificadoData() {
            setTimeout(function() {
                let processo = $('#processo').val();
                let folha = document.querySelector('#folha');
                let registo = document.querySelector('#registo');
                let natural = document.querySelector('#vc_natural');
                let aluno = document.querySelector('#aluno');
                let bi = document.querySelector('#vc_bi');
                let provincia = document.querySelector('#vc_provincia');
                let natural_info = document.querySelector('#municipio-info');
                let provincia_info = document.querySelector('#provincia-info');


                var pastaEscola = "