@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

@section('csss')

@endsection

@php
    $title = 'Dados do Item da Fatura'
@endphp

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

@section('conteudo')
    <section class="content">
        <div class="body_scroll">
            <div class="block-header">
                <div class="row">
                    <div class="col-lg-7 col-md-6 col-sm-12">
                        <h2 class="uppercase">{{ $title }}</h2><br> <br>
                        <button class="btn btn-primary btn-icon mobile_menu" type="button"><i
                            class="zmdi zmdi-sort-amount-desc"></i></button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-7 col-md-6 col-sm-12">
                        <h6 class="uppercase">Fatura: {{ $dataShow->idfatura_finan_fatura_itens_prov }} / Item: {{ $dataShow->id_finan_fatura_itens_prov }} / Código: {{ $dataFatura->codigo_finan_fatura_prov }}</h6><br> <br>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2">
                        <label>Id Pessoa:</label>
                        <h2>{{ $dataPessoa->id_pessoa }}</h2>
                    </div>
                    <div class="col-sm-6">
                        <label>Cliente:</label><br>
                        <h2>{{ $dataPessoa->nome_pessoa }}{{ $dataPessoa->empresa_pessoa }}</h2>
                    </div>
                    <div class="col-sm-4">
                        <label>CPF/CNPJ:</label><br>
                        <h2>{{ $dataPessoa->cpfcnpj_pessoa }}</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <hr />
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2">
                        <label>Id Cliente:</label>
                        <h2>{{ $dataCliente->id_provedor_clientes }}</h2>
                    </div>
                    <div class="col-sm-6">
                        <label>Descrição:</label><br>
                        <h2>{{ $dataCliente->idstatus_provedor_clientes }} / {{ $dataPlano->desc_provedor_planos }}</h2>
                    </div>
                    <div class="col-sm-4">
                        <label>Valor:</label><br>
                        <h2 style="color: red;">R$ {{ Funcoes::mysqlToMoeda($dataCliente->valor_provedor_clientes) }}</h2>
                    </div>
                </div>
            </div>
            <form action="{{ route('faturaitensprovedor.store') }}" id="frmCadastro" class="form-horizontal">
                <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                <input type="hidden" id="idfatura_finan_fatura_itens_prov" name="idfatura_finan_fatura_itens_prov" value="{{ $dataShow->idfatura_finan_fatura_itens_prov }}">
                <input type="hidden" id="codigo_finan_fatura_prov" name="codigo_finan_fatura_prov" value="{{ $dataFatura  ->codigo_finan_fatura_prov }}">
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-2">
                                <label>Id.:</label><br>
                                <input type="text" style="width: 100%;" name="id_finan_fatura_itens_prov" id="id_finan_fatura_itens_prov" readonly
                                class="form-control bg-light" required value="{{ $dataShow->id_finan_fatura_itens_prov }}"><br>
                            </div>
                            <div class="col-lg-4">
                                <label>*Status:</label><br>
                                <select name="status_finan_fatura_itens_prov" id="status_finan_fatura_itens_prov"
                                    class="col-lg-12 form-control" required>
                                    <option value="" selected>SELECIONE UM STATUS</option>
                                    <option value="AGUARDANDO" selected>AGUARDANDO</option>
                                    <option value="PAGO" selected>PAGO</option>
                                    <option value="PRESENCIAL" selected>PRESENCIAL</option>
                                    <option value="INADIMPLENTE" selected>INADIMPLENTE</option>
                                    <option value="DEVOLVIDO" selected>DEVOLVIDO</option>
                                    <option value="CONTESTADO" selected>CONTESTADO</option>
                                    <option value="CANCELADO" selected>CANCELADO</option>
                                    <option value="EXPIRADO" selected>EXPIRADO</option>
                                    <option value="DEVEDOR" selected>DEVEDOR</option>
                                </select>
                                <br><br>
                            </div>
                            <div class="col-lg-4">
                                <label>*Vencimento:</label><br>
                                <input type="date" style="width: 100%;" name="venc_finan_fatura_itens_prov" id="venc_finan_fatura_itens_prov"
                                    class="form-control bg-light" required value="{{ $dataShow->venc_finan_fatura_itens_prov }}"><br>
                                <br>
                            </div>
                            <div class="col-lg-2">
                                <label>*Parcela:</label><br>
                                <input type="number" style="width: 100%;" name="parcela_finan_fatura_itens_prov" id="parcela_finan_fatura_itens_prov" readonly
                                    class="form-control bg-light" required value="{{ $dataShow->parcela_finan_fatura_itens_prov }}"><br>
                                <br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3">
                                <label>Valor:</label><br>
                                <input type="text" style="width: 100%;" name="valor_finan_fatura_itens_prov" id="valor_finan_fatura_itens_prov" readonly
                                class="form-control bg-light" required value="R$ {{ Funcoes::mysqlToMoeda($dataShow->valor_finan_fatura_itens_prov)  }}"><br>
                            </div>
                            <div class="col-lg-3">
                                <label>Código:</label><br>
                                <input type="text" style="width: 100%;" name="codigo_finan_fatura_itens_prov" id="codigo_finan_fatura_itens_prov" readonly
                                class="form-control bg-light" required value="{{ $dataShow->codigo_finan_fatura_itens_prov  }}"><br>
                            </div>
                            <div class="col-lg-6">
                                <label>Código de barras:</label><br>
                                <input type="text" style="width: 100%;" name="codbarra_finan_fatura_itens_prov" id="codbarra_finan_fatura_itens_prov" readonly
                                    class="form-control bg-light" required value="{{ $dataShow->codbarra_finan_fatura_itens_prov  }}"><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <label>Link boleto:</label><br>
                                <input type="text" style="width: 100%;" name="link_finan_fatura_itens_prov" id="link_finan_fatura_itens_prov" readonly
                                class="form-control bg-light" required value="{{ $dataShow->link_finan_fatura_itens_prov }}"><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <label>Copiar e colar:</label><br>
                                <input type="text" style="width: 100%;" name="qrcode_finan_fatura_itens_prov" id="qrcode_finan_fatura_itens_prov" readonly
                                class="form-control bg-light" required value="{{ $dataShow->qrcode_finan_fatura_itens_prov }}"><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <label>Observações:</label><br>
                                <textarea id="obs_finan_fatura_itens_prov" name="obs_finan_fatura_itens_prov" rows="4" class="form-control no-resize bg-light">{{ $dataShow->obs_finan_fatura_itens_prov }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="body">
                        <div class="row">

                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="body">
                        <div class="row justify-content-lg-end">
                            <div class="col-lg-8" id="msgReturn"></div>
                            <div class="col-lg-2">
                                <button type="button" id="btVoltar" data-urlaction="" class="btn btn-raised btn-primary bg-default btn-lg">Voltar</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="submit" id="btSalvar" class="btn btn-raised btn-primary btn-lg">Salvar</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="body">
                        <div class="row justify-content-lg-end">
                            <div class="col-lg-4">
                                <button type="button" id="btEnviar" data-urlaction="" class="btn btn-primary btn-lg">Enviar</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btCopiarLink" data-urlaction="" class="btn btn-warning btn-lg">Link</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btQRCode" data-urlaction="" class="btn btn-success btn-lg">QRCode</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btCopiarCodigo" data-urlaction="" class="btn btn-info btn-lg">Código</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btLinkBoleto" data-urlaction="" class="btn btn-danger btn-lg">Boleto</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-6"><br>
                                <h2>Gerenciar</h2>
                            </div>
                            <div class="col-lg-2">
                                @if (Session::get('pessoa') === 'HUDSON')
                                    <button type="button" id="btGNetCancelar" data-urlaction=""
                                        class="btn btn-raised btn-primary bg-warning btn-lg">Cancelar</button>
                                @endif
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btGNetPago" data-urlaction=""
                                    class="btn btn-raised btn-primary bg-warning btn-lg">Pago</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btCorte" data-urlaction=""
                                    class="btn btn-raised btn-primary bg-warning btn-lg">Corte</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-7 col-md-6 col-sm-12">
                        <h2 class="uppercase"></h2><br> <br>
                    </div>
                </div>

            </form>
    </section>
@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>
    $(document).ready(function () {
        $('#status_finan_fatura_itens_prov').val('{{ $dataShow->status_finan_fatura_itens_prov }}').change();
    });
    $('#btVoltar').click(function() {
        $(location).attr('href', "{{  route('faturaprovedor.show') }}/" + $('#idfatura_finan_fatura_itens_prov').val());
    });
    $('#btEnviar').click(function() {
        $.ajax({
            type: "GET",
            url: "{{ route('gerarfatura.mensagensCobranca', ['id' => $dataShow->id_finan_fatura_itens_prov]) }}",
            beforeSend: function() {
                swal({
                    title: "Enviando mensagem...",
                    text: "Por favor, aguarde enquanto o sistema envia a cobrança via WhatsApp.",
                    buttons: false,
                    closeOnClickOutside: false,
                    icon: "info"
                });
            },
            success: function(response) {
                swal("Mensagem enviada com sucesso!", {
                    icon: "success"
                });
            },
            error: function(xhr) {
                swal("Erro ao enviar mensagem!", {
                    text: xhr.responseText,
                    icon: "error"
                });
            }
        });
    });
    $('#btQRCode').click(function() {
        let textArea = document.querySelector('#qrcode_finan_fatura_itens_prov');
        textArea.select();
        document.execCommand('copy');
        swal("QRCode copiado com sucesso", {
            icon: "success"
        });
    });
    $('#btCopiarCodigo').click(function() {
        let textArea = document.querySelector('#codbarra_finan_fatura_itens_prov');
        textArea.select();
        document.execCommand('copy');
        swal("Código de barras copiado com sucesso", {
            icon: "success"
        });
    });
    $('#btCopiarLink').click(function() {
        let textArea = document.querySelector('#link_finan_fatura_itens_prov');
        textArea.select();
        document.execCommand('copy');
        swal("Código de barras copiado com sucesso", {
            icon: "success"
        });
    });
    $('#btLinkBoleto').click(function() {
        if ($('#link_finan_fatura_itens_prov').val() == ''){
            swal("Não existe dados disponíveis", {
                icon: "warning"
            });
        } else {
            window.open($('#link_finan_fatura_itens_prov').val(), '_blank');
        }
    });
    $('#btCorte').click(function () {
        $.ajax({
            type: "POST",
            url: "{!!  route('faturaitensprovedor.corte') !!}",
            data: {
                "_token" : $('#_token').val(),
                "id_finan_fatura_itens_prov"            : '{{ $dataShow->id_finan_fatura_itens_prov }}',
                "idcli_provedor_atendimento"            : '{{ $dataCliente->id_provedor_clientes }}',
                "idfatura_finan_fatura_itens_prov"      : '{{ $dataShow->idfatura_finan_fatura_itens_prov }}',
            },
            dataType: "html",
            success: function (response) {
                swal("Corte realizado com sucesso!", {
                    icon: "success"
                });
            }
        });
    });
    $('#btGNetPago').click(function () {
        $.ajax({
            type: "POST",
            url: "{!!  route('gerarfaturaprovedor.pagoBoleto') !!}",
            data: {
                "_token" : $('#_token').val(),
                "id_finan_fatura" : '{{ $dataFatura->id_finan_fatura_prov }}',
                "codigo_finan_fatura_itens_prov" : $('#codigo_finan_fatura_itens_prov').val()
            },
            dataType: "JSON",
            success: function (response) {
                $('#status_finan_fatura_itens_prov').val('PRESENCIAL').change();
            }
        });
    });
    $('#btGNetCancelar').click(function () {
        if ($('#codigo_finan_fatura_prov').val() != ''){
            swal({
            title: "Atenção!!!",
            text: "Você esta prestes a cancelar essa boleto, realmente deseja fazer isso?",
            icon: "warning",
            buttons: true,
            dangerMode: true
            })
            .then((willDelete) => {
                if (willDelete) {
                    $.ajax({
                        url: "{{ route('gerarfaturaprovedor.cancelarParcela') }}",
                        method: 'POST',
                        dataType: 'html',
                        data: {
                            "codigo_finan_fatura_itens_prov": $('#codigo_finan_fatura_itens_prov').val(),
                            "codigo_finan_fatura_prov": $('#codigo_finan_fatura_prov').val(),
                            "parcela_finan_fatura_itens_prov" : $('#parcela_finan_fatura_itens_prov').val(),
                            "id_finan_fatura_prov" : '{{ $dataFatura->id_finan_fatura_prov }}',
                            _token: $('#_token').val()
                        },
                        success: function(retorno) {

                        }
                    });
                    swal("Fatura cancelada com Sucesso", {
                        icon: "success"
                    });
                    $('#status_finan_fatura_itens_prov').val('CANCELADO').change();
                } else {
                    swal("Ação cancelada");
                }

            });
        }
    });
    function f5() {
        location.reload();
    }
</script>
@endsection