@extends('layouts.esic.solicitante')
@section('content')
    <style>
        .ui-autocomplete-loading {
            background: white url({{url('img/gif/ajax-loader.gif')}}) right center no-repeat;
        }
    </style>
    <h3 class="page-header"><span class="glyphicon glyphicon-file" aria-hidden="true"></span> Solicitação <small>(Novo Registro)</small></h3>
    <form name="FrmCreate" action="{{route('solicitacao.store')}}" method="post" autocomplete="off">
        @csrf
        <div class="row">
            <div class="col-md-12">
                <label for=""><i style="color: grey">* Campo de Preenchimento Obrigatório</i></label>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <label>* Destino:</label>
                <select name="idsecretariaselecionada" id="idsecretariaselecionada" class="form-control" required>
                    <option selected="selected"></option>
                    @foreach($departamentos as $d)
                        <option value="{{$d->idsecretaria}}">{{$d->nome}}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <label>* Escreva aqui o seu registro:</label>
                <textarea cols="30" rows="8" name="textosolicitacao" id="textosolicitacao" class="form-control" required></textarea>
                <span style="color: silver; font-size: 10px">Quantidade máxima de caracteres: 8000</span>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <label>Forma de retorno:</label>
                <select name="formaretorno" id="formaretorno" class="form-control">
                    <option value="E">E-mail</option>
                    {{--                    <option value="C">Correio</option>--}}
                </select>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <span><p style="font-weight: bold; margin-top: 10px">Publicação de Pedidos:</p>
                    <input type="checkbox" name="permito">&nbsp;Permito que a descrição deste pedido seja disponibilizada publicamente em ferramenta de pesquisa de pedidos e respostas.</span>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-12">
                <input type="hidden" name="idsolicitante" value="{{userConnectedSic()->idsolicitante}}">
                <button type="button" onclick="window.history.back()" class="btn btn-default"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Voltar</button>
                <button type="submit" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span> Registrar</button>
            </div>
        </div>
        <hr>
    </form>
@endsection
@push('script')
    <script>
        let FrmCreate = $("form[name=FrmCreate]");
        FrmCreate.submit(function () {
            let From = $(this).serialize(),
                url = $(this).attr('action'),
                post = $(this).attr('method');

            $.ajax({
                type: post,
                url: url,
                data: From,
                dataType: 'json',
                beforeSend: function () {
                    $.blockUI({css: {backgroundColor: '#f00', color: '#fff'}, onOverlayClick: $.unblockUI});
                },
                success: function (data) {
                    if (data[0] === 'success') {
                        FrmCreate.each(function () {
                            this.reset();
                        });
                        $.blockUI({
                            message: '<div class="alert alert-success alert-dismissible" role="alert"><strong><span class=glyphicon glyphicon-ok" aria-hidden="true"></span> Parabéns: </strong> ' + data[1] + ' (:',
                            timeout: 1500,
                            onOverlayClick: $.unblockUI
                        });

                        $(document.location).attr('href', `${urlBase}/e-sic/solicitante`);
                    }
                },
                error: function (data) {
                    /** Mensagens vindo do back-end */
                    $.each(data.responseJSON.errors, function (key, value) {
                        $.blockUI({
                            message: '<div class="alert alert-danger alert-dismissible" role="alert"><span class="glyphicon glyphicon-alert" aria-hidden="true"></span>&nbsp;' + value[0] + ' ):' + '</div>',
                            timeout: 8000,
                            onOverlayClick: $.unblockUI
                        });
                    });
                }
            });

            return false;
        });
    </script>
@endpush