@extends('layouts.admin')

@section('titulo', 'Guida de Transferência/Emitir')

@section('conteudo')
    <div class="card mt-3">
        <div class="card-body">
            <h3> Emitir Guida de Transferência </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.guia_transferencia.imprimir') }}" target="_blank"
                class="row">
                @csrf
                <div class="form-group col-4">
                    <label for="processo" class="form-label">Número de processo:</label>
                    <input type="text" 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-4">
                    <label for="processo" class="form-label">Modelo</label>
                    <select name="modelo" id="modelo" class="form-control" required onchange="changeModelo()">
                        <option selected disabled>Selecciona a opção</option>
                        <option value="Dinâmico">Dinâmico</option>
                        <option value="Estático">Estático</option>
                        <option value="Puro">Puro</option>
                    </select>

                </div>
                <div class="form-group col-4" id="divescola" hidden>
                    <label for="transferir" class="form-label">Escola a Transferir:</label>
                    <input type="text" class="form-control border-secondary col-sm-12" name="transferir"
                        placeholder="" value="" id="transferir" >
                </div>

                <div class="form-group col-4" id="divpedido" hidden>
                    <label for="pedido" class="form-label">A pedido de:</label>
                    <input type="text" class="form-control border-secondary col-sm-12" name="pedido"
                        placeholder="" value="" id="pedido" >
                </div>

                <div class="form-group col-4" id="divmotivos" hidden>
                    <label for="motivo" class="form-label">Motivos de:</label>
                    <input type="text" class="form-control border-secondary col-sm-12" name="motivo"
                        placeholder="" value="" id="motivo" >
                </div>
                <div class="form-group col-4" id="divdoc1" hidden>
                    <label for="doc1" class="form-label">Documento 1</label>
                    <input type="text" class="form-control border-secondary col-sm-12" name="doc1"
                        placeholder="" value="" id="doc1" >
                </div>
                <div class="form-group col-4" id="divdoc2" hidden>
                    <label for="doc2" class="form-label">Documento 2</label>
                    <input type="text" class="form-control border-secondary col-sm-12" name="doc2"
                        placeholder="" value="" id="doc2" >
                </div>
                <div class="form-group col-4" id="divdoc3" hidden>
                    <label for="doc3" class="form-label">Documento 3</label>
                    <input type="text" class="form-control border-secondary col-sm-12" name="doc3"
                        placeholder="" value="" id="doc3" >
                </div>
                <div class="form-group col-4" id="divdoc4" hidden>
                    <label for="doc4" class="form-label">Documento 4</label>
                    <input type="text" class="form-control border-secondary col-sm-12" name="doc4"
                        placeholder="" value="" id="doc4" >
                </div>
                <div class="form-group col-4" id="divdoc5" hidden>
                    <label for="doc5" class="form-label">Documento 5</label>
                    <input type="text" class="form-control border-secondary col-sm-12" name="doc5"
                        placeholder="" value="" id="doc5" >
                </div>
                <div class="form-group col-4" id="divdoc6" hidden>
                    <label for="doc6" class="form-label">Documento 6</label>
                    <input type="text" class="form-control border-secondary col-sm-12" name="doc6"
                        placeholder="" value="" id="doc6" >
                </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')

    @if (session('guia_transferencia.imprimir.error'))
        <script>
            Swal.fire(
                'Erro ao Emitir Guia de Transferência! ',
                '',
                'error'
            )
        </script>
    @endif
    @if (session('guia_transferencia.aluno.inexistente'))
        <script>
            Swal.fire(
                'Erro ao Emitir Guia de Transferência! ',
                'Aluno não encontrado',
                'error'
            )
        </script>
    @endif

    <script>
        function changeModelo(){
            var modelo = $('#modelo').val();
            if (modelo == "Puro") {
                document.getElementById("processo").removeAttribute('required');
                document.getElementById("transferir").removeAttribute('required');
                document.getElementById("pedido").removeAttribute('required');
                document.getElementById("motivo").removeAttribute('required');

                document.getElementById("divescola").setAttribute('hidden','hidden');
                document.getElementById("divpedido").setAttribute('hidden','hidden');
                document.getElementById("divmotivos").setAttribute('hidden','hidden');
                document.getElementById("divdoc1").setAttribute('hidden','hidden');
                document.getElementById("divdoc2").setAttribute('hidden','hidden');
                document.getElementById("divdoc3").setAttribute('hidden','hidden');
                document.getElementById("divdoc4").setAttribute('hidden','hidden');
                document.getElementById("divdoc5").setAttribute('hidden','hidden');
                document.getElementById("divdoc6").setAttribute('hidden','hidden');
        
                
              
            }else{
                document.getElementById("processo").setAttribute('required','required');
                document.getElementById("transferir").setAttribute('required','required');
                document.getElementById("pedido").setAttribute('required','required');
                document.getElementById("motivo").setAttribute('required','required');

                document.getElementById("divescola").removeAttribute('hidden');
                document.getElementById("divpedido").removeAttribute('hidden');
                document.getElementById("divmotivos").removeAttribute('hidden');
                document.getElementById("divdoc1").removeAttribute('hidden');
                document.getElementById("divdoc2").removeAttribute('hidden');
                document.getElementById("divdoc3").removeAttribute('hidden');
                document.getElementById("divdoc4").removeAttribute('hidden');
                document.getElementById("divdoc5").removeAttribute('hidden');
                document.getElementById("divdoc6").removeAttribute('hidden');
             
                
            }
        }
    </script>
@endsection