@extends('layout')

@section('cssUrl')
    <link rel="stylesheet" href="{{ asset('assets/plugins/morrisjs/morris.css') }}" />
    <!-- Colorpicker Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css') }}" />
    <!-- Multi Select Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/multi-select/css/multi-select.css') }}">
    <!-- Bootstrap Spinner Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/jquery-spinner/css/bootstrap-spinner.css') }}">
    <!-- Bootstrap Tagsinput Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css') }}">
    <!-- Bootstrap Select Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-select/css/bootstrap-select.css') }}" />
    <!-- noUISlider Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/nouislider/nouislider.min.css') }}" />
    <!-- Select2 -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/select2/select2.css') }}" />
@endsection

@php
    $title = $dataShow->id_provedor_nf_emissoes == 0 ? 'Nova Emissão NFE' : 'Editar Emissão NFE Manual';
@endphp

@section('title')
    {{ $title }}
@endsection

@section('conteudo')
    <section class="content">
        <form action="{{ route('nfegerador.store') }}" id="frmCadastro" class="form-horizontal">
            <div class="body_scroll">
                <div class="block-header">
                    <div class="row">
                        <div class="col-lg-12">
                            <h2 class="uppercase">{{ $title }}</h2>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="body">

                        @csrf

                        <input type="hidden" name="id_provedor_nf_emissoes" id="id_provedor_nf_emissoes"
                            value="{{ $dataShow->id_provedor_nf_emissoes }}">
                        <div class="row">
                            <div class="col-md-2" style="margin-bottom: 20px">
                                <button type="button" id="btNovo" class="btn btn-primary btn-lg"
                                    data-urlnew="{{ route('nfegerador.show', ['0']) }}">
                                    Novo Registro
                                </button>
                            </div>
                            <div class="col-md-2" style="margin-bottom: 20px">
                                @if ($dataShow->protocolo_provedor_nf_emissoes == '')
                                    <button type="button" id="btGerarNota" class="btn btn-success btn-block btn-lg"
                                        data-urlnew="{{ route('nfcom.emitir', [$dataShow->id_provedor_nf_emissoes]) }}">
                                        Gerar Nota
                                    </button>
                                @endif
                            </div>
                            <div class="col-md-2" style="margin-bottom: 20px">
                                <button type="button" id="btGerarNota" class="btn btn-default btn-block btn-lg"
                                    data-urlnew="{{ route('nfegerador.show', [$dataShow->id_provedor_nf_emissoes]) }}">
                                    Pesquisar Nota
                                </button>
                            </div>
                            <div class="col-md-2" style="margin-bottom: 20px">
                                <button type="button" id="btCancelarNota" class="btn btn-danger btn-block btn-lg"
                                    data-urlnew="{{ route('nfegerador.show', [$dataShow->id_provedor_nf_emissoes]) }}">
                                    Cancelar Nota
                                </button>
                            </div>
                            <div class="col-md-6" style="margin-bottom: 20px">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-2">
                                <label>Id.:</label>
                                <input type="text" class="form-control" readonly
                                    value="{{ $dataShow->id_provedor_nf_emissoes }}">
                            </div>
                            <div class="col-md-5">
                                <label>Assinatura:</label>
                                <select name="idassinatura_provedor_nf_emissoes" id="idassinatura_provedor_nf_emissoes"
                                    class="form-control show-tick ms select2 bg-light" data-placeholder="Select" required>
                                    <option value="0" selected>Selecione uma assinatura</option>
                                    @forelse ($dataAssinatura as $item)
                                        @if ($item->id_nf_assinatura === $dataShow->idassinatura_provedor_nf_emissoes)
                                            <option value="{{ $item->id_nf_assinatura }}" data-nome="{{ $item->nome_cliente }}"
                                                selected>{{ $item->id_nf_assinatura }} / {{ $item->nome_cliente }}</option>
                                        @else
                                            <option value="{{ $item->id_nf_assinatura }}" data-nome="{{ $item->nome_cliente }}">
                                                {{ $item->id_nf_assinatura }} / {{ $item->nome_cliente }}</option>
                                        @endif
                                    @empty
                                        <option value="0" selected>Sem Assinatura</option>
                                    @endforelse
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label>Item fatura</label>
                                    <div class="row">
                                        <div class="col-md-8">
                                            <input type="text" class="form-control" name="idfaturaitem_provedor_nf_emissoes" id="idfaturaitem_provedor_nf_emissoes" readonly
                                                value="{{ $dataShow->idfaturaitem_provedor_nf_emissoes }}">
                                        </div>
                                        <div class="col-md-4">
                                            <button type="button" id="btIdFatura" class="btn btn-raised btn-primary btn-round waves-effect">Fatura</button>
                                        </div>
                                    </div>
                            </div>
                            <div class="col-md-2">
                                <label>Emissão</label>
                                <input type="date" min="1" max="31" name="emissao_provedor_nf_emissoes" id="emissao_provedor_nf_emissoes"
                                    class="form-control" value="{{ $dataShow->emissao_provedor_nf_emissoes }}">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-2">
                                <label>Valor</label>
                                <input type="text" name="valor_provedor_nf_emissoes" id="valor_provedor_nf_emissoes" class="form-control"
                                    value="{{ $dataShow->valor_provedor_nf_emissoes }}">
                            </div>
                            <div class="col-md-3">
                                <label>Chave</label>
                                <input type="text" name="chave_provedor_nf_emissoes" id="chave_provedor_nf_emissoes" class="form-control"
                                    value="{{ $dataShow->chave_provedor_nf_emissoes }}">
                            </div>
                            <div class="col-md-3">
                                <label>Status</label>
                                <select name="status_provedor_nf_emissoes" id="status_provedor_nf_emissoes" class="form-control">
                                    <option value="PENDENTE"
                                        {{ $dataShow->status_provedor_nf_emissoes == 'PENDENTE' ? 'selected' : '' }}>
                                        PENDENTE
                                    </option>
                                    <option value="EMITIDA"
                                        {{ $dataShow->status_provedor_nf_emissoes == 'EMITIDA' ? 'selected' : '' }}>
                                        EMITIDA
                                    </option>
                                    <option value="ERRO"
                                        {{ $dataShow->status_provedor_nf_emissoes == 'ERRO' ? 'selected' : '' }}>
                                        ERRO
                                    </option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label>Protocolo</label>
                                <input type="text" name="protocolo_provedor_nf_emissoes" id="protocolo_provedor_nf_emissoes" class="form-control"
                                    value="{{ $dataShow->protocolo_provedor_nf_emissoes }}">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-12">
                                <label>Mensagem</label>
                                <textarea name="mensagem_provedor_nf_emissoes" id="mensagem_provedor_nf_emissoes" rows="10" class="form-control no-resize bg-light">{{ $dataShow->mensagem_provedor_nf_emissoes }}</textarea>
                            </div>
                        </div>
                        <br>
                    </div>
                </div>

                <div class="card">
                    <div class="body">

                        <div class="row">

                            <div class="col-lg-6" id="msgReturn"></div>

                            <div class="col-lg-2">
                                @if ($dataShow->id_provedor_nf_emissoes > 0)
                                    <button type="button" id="btExcluir"
                                        class="btn btn-raised btn-danger btn-lg btn-block">
                                        Excluir
                                    </button>
                                @endif
                            </div>

                            <div class="col-lg-2">
                                <button type="button" id="btVoltar"
                                    class="btn btn-raised btn-primary bg-default btn-lg btn-block">
                                    Voltar
                                </button>
                            </div>

                            <div class="col-lg-2">
                                <button type="submit" id="btSalvar"
                                    class="btn btn-raised btn-primary btn-lg btn-block">Salvar</button>
                            </div>

                        </div>

                    </div>
                </div>

            </div>
        </form>
    </section>
<!-- inicio modal -->
    <div class="modal fade" id="myModal">
        <div class="modal-dialog modal-xl modal-dialog-centered">
            <div class="modal-content bg-secondary text-white">
                <div class="modal-header">
                    <button id="btFechar" type="button" class="close" data-dismiss="modal" aria-label="Close"><h6><span class="bg-secondary text-white" aria-hidden="true">&times;</span></h6></button>
                    <h5 class="modal-title">
                        <label id="titulo">Buscar fatura</label>
                    </h5>
                </div>
                <div class="modal-body">
                    <div class="card">
                        <div class="row">
                            <div class="col-lg-12">
                                <label>Pesquisa:</label><br>
                                <div class="input-group mb-3">
                                    <input type="text" aria-describedby="btPesquisaFatura" name="inputPesquisaFatura" id="inputPesquisaFatura"
                                        value="{{ $dataShow->idprofissao_pessoa }}" class="form-control bg-light cep" required><br>
                                    <div class="input-group-append">
                                        <button class="btn btn-outline-secondary" type="button" id="btnPesquisaFatura">
                                            <i class="zmdi zmdi-hc-fw"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card" style="min-height: 500px;">
                        <div class="row">
                            <div class="col-lg-12" id="divTableFatura">
                                <div class="table-responsive table-hover dataTableordered" id="listarFatura">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Id.:</th>
                                                <th>Código</th>
                                                <th>Valor</th>
                                                <th>Vencimento</th>
                                            </tr>
                                        </thead>
                                        <tbody id="bodyList">

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- fim modal -->
@endsection

@section('scriptUrl')
    <script src="{{ asset('assets/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js') }}"></script><!-- Bootstrap Colorpicker Js -->
    <script src="{{ asset('assets/plugins/jquery-inputmask/jquery.inputmask.bundle.js') }}"></script><!-- Input Mask Plugin Js -->
    <script src="{{ asset('assets/plugins/multi-select/js/jquery.multi-select.js') }}"></script><!-- Multi Select Plugin Js -->
    <script src="{{ asset('assets/plugins/jquery-spinner/js/jquery.spinner.js') }}"></script><!-- Jquery Spinner Plugin Js -->
    <script src="{{ asset('assets/plugins/bootstrap-tagsinput/bootstrap-tagsinput.js') }}"></script><!-- Bootstrap Tags Input Plugin Js -->
    <script src="{{ asset('assets/plugins/select2/select2.min.js') }}"></script><!-- Select2 Js -->
    <script src="{{ asset('assets/js/pages/forms/advanced-form-elements.js') }}"></script>
    <script src="{{ asset('assets/plugins/bootstrap-notify/bootstrap-notify.js') }}"></script>
    <script src="{{ asset('assets/js/formjs.js') }}"></script>
@endsection

@section('scripts')
<script>
    $('#btGerarNota').click(function () {
        let id = $('#idassinatura_provedor_nf_emissoes').val(); // $('#id_provedor_nf_emissoes').val();
        let token = $('input[name="_token"]').val();
        if (id == '0') {
            swal({
                title: "Erro!",
                text: "Não tem uma geração salva!",
                icon: "error"
            });
            return;
        }
        let url = "{{ route('nfcom.emitir', ['id' => '__ID__']) }}";
        url = url.replace('__ID__', id);
        console.log('url', url);
        console.log('_token', token);
        $.ajax({
            type: "GET",
            url: url,
            headers: {'X-CSRF-TOKEN': token},
            dataType: "json",
            success: function (data) {
                console.log(data);
                if (data.code == 1000) {
                    swal({
                        title: "Sucesso!",
                        text: data.message,
                        icon: "success"
                    });
                } else {
                    swal({
                        title: "Erro!",
                        text: data.message,
                        icon: "error"
                    });
                }
            },
            error: function (xhr) {
                swal({
                    title: "Erro!",
                    text: xhr.responseJSON?.message || "Erro ao emitir a NFCOM.",
                    icon: "error"
                });
            }
        });
    });

    $('#btVoltar').click(function() {
        window.location.href = "{{ route('nfegerador.index') }}";
    });

    $('#btIdFatura').click(function(){

        $("#myModal").modal({backdrop: 'static', keyboard: false});

    });

    $('#btnPesquisaFatura').click(function(){
        $.ajax({
            type: "POST",
            url: "{{ route('fatura.search') }}",
            data: {
                _token:     $('#_token').val(),
                inputPesquisaFatura:         $('#inputPesquisaFatura').val()
            },
            dataType: "json",
            success: function (data) {
                console.log(data);
                let tableBoby = '';
                $.each(data, function (indexInArray, valueOfElement) {
                    tableBoby +=        '<tr>'
                                            + '<th scope="row">' + valueOfElement.id_profissao + '</th>'
                                            + '<td>' + valueOfElement.codigo_profissao + '</td>'
                                            + '<td>' + valueOfElement.descricao_profissao + '</td>'
                                            + '<td>' + valueOfElement.descricao_profissao + '</td>'
                                        + '</tr>';
                });
                $('#bodyList').html(tableBoby);
            }
        });
    });
</script>
@endsection