@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 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> 
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2">
                        <label>Id Cliente:</label>                        
                        <h2>{{ $dataCliente->id_rast_cli }}</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 Produto:</label>                        
                        <h2>{{ $dataProduto->id_rast_prod }}</h2>
                    </div>     
                    <div class="col-sm-6">
                        <label>Tipo / Descrição:</label><br>                        
                        <h2>{{ $dataProduto->tipo_rast_prod }} / {{ $dataProduto->desc_rast_prod }}</h2>
                    </div>       
                    <div class="col-sm-4">
                        <label>Valor:</label><br>                        
                        <h2 style="color: red;">R$ {{ Funcoes::mysqlToMoeda($dataProduto->valor_rast_prod) }}</h2>
                    </div>        
                </div>
            </div>
            <form action="{{ route('fatura.store') }}" id="frmCadastro" class="form-horizontal">
                <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                <input type="hidden" id="idprodutorast_finan_fatura" name="idprodutorast_finan_fatura" value="{{ $dataShow->idprodutorast_finan_fatura }}">
                <input type="hidden" id="linkcapa_finan_fatura" name="linkcapa_finan_fatura" value="{{ $dataShow->linkcapa_finan_fatura }}">
                <input type="hidden" id="linkcarne_finan_fatura" name="linkcarne_finan_fatura" value="{{ $dataShow->linkcarne_finan_fatura }}">
                <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" id="id_finan_fatura" readonly
                                class="form-control bg-light" required value="{{ $dataShow->id_finan_fatura }}"><br>
                            </div>
                            <div class="col-lg-4">
                                <label>*Status:</label><br>
                                <select name="status_finan_fatura" id="status_finan_fatura"
                                    class="col-lg-12 form-control" required>
                                    <option value="" selected>SELECIONE UM STATUS</option>
                                    <option value="ABERTO" selected>ABERTO</option>
                                    <option value="INADIMPLENTE" selected>INADIMPLENTE</option>
                                    <option value="PAGO" selected>PAGO</option>
                                    <option value="CANCELADO" selected>CANCELADO</option>                                   
                                </select>
                                <br><br>
                            </div>
                            <div class="col-lg-2">
                                <label>*Data Inicio:</label><br>
                                <input type="date" style="width: 100%;" name="inicio_finan_fatura" id="inicio_finan_fatura" readonly
                                    class="form-control bg-light" required value="{{ $dataShow->inicio_finan_fatura }}"><br>
                                <br>
                            </div>
                            <div class="col-lg-2">                           
                                <label>*Data Final:</label><br>
                                <input type="date" style="width: 100%;" name="final_finan_fatura" id="final_finan_fatura" readonly
                                    class="form-control bg-light" required value="{{ $dataShow->final_finan_fatura }}"><br>
                                <br>
                            </div>
                            <div class="col-lg-2">                           
                                <label>*Parcela(s):</label><br>
                                <input type="number" style="width: 100%;" name="parcela_finan_fatura" id="parcela_finan_fatura" readonly
                                    class="form-control bg-light" required value="{{ $dataShow->parcela_finan_fatura }}"><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" id="valor_finan_fatura" readonly
                                class="form-control bg-light" required value="R$ {{ Funcoes::mysqlToMoeda($dataShow->valor_finan_fatura)  }}"><br>
                            </div>
                            <div class="col-lg-3">
                                <label>Total:</label><br>
                                <input type="text" style="width: 100%;" name="total_finan_fatura" id="total_finan_fatura" readonly
                                    class="form-control bg-light" required value="R$ {{ Funcoes::mysqlToMoeda($dataShow->total_finan_fatura)  }}"><br>
                            </div>                           
                            <div class="col-lg-3">
                                <label>Código:</label><br>
                                <input type="text" style="width: 100%;" name="codigo_finan_fatura" id="codigo_finan_fatura" readonly
                                    class="form-control bg-light" required value="{{ $dataShow->codigo_finan_fatura  }}"><br>
                            </div>
                            <div class="col-lg-3">
                                <label>Tipo:</label><br>
                                <input type="text" style="width: 100%;" name="tipo_finan_fatura" id="tipo_finan_fatura" readonly
                                    class="form-control bg-light" required value="{{ $dataShow->tipo_finan_fatura  }}"><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <label>Observações:</label><br>
                                <textarea id="obs_finan_fatura" name="obs_finan_fatura" rows="4" class="form-control no-resize bg-light">{{ $dataShow->obs_finan_fatura  }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-2">
                                
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btLinkCapa" data-urlaction="" 
                                    class="btn btn-raised btn-primary bg-info btn-lg">Capa</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btLinkBoleto" data-urlaction="" 
                                    class="btn btn-raised btn-primary bg-success btn-lg">Boleto</button>
                            </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="button" disabled id="btexcluir" data-urlaction="{{ route('clienterast.delete') }}" data-idcampo="{{ $dataShow->id_rast_prod }}"
                                    data-return="{{ route('clienterast.index') }}" class="btn btn-raised btn-primary bg-danger btn-lg">Excluir</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">
                            <div class="col-lg-6"><br>
                                <h2>Gerenciar</h2>
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btGNetAtualizar" data-urlaction="" 
                                    class="btn btn-raised btn-primary bg-warning btn-lg" alt="Registrar na Gerencianet">Atualizar</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btGNetRegistra" data-urlaction="" 
                                    class="btn btn-raised btn-primary bg-warning btn-lg" alt="Registrar na Gerencianet">Registrar</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btGNetCancelar" data-urlaction="" 
                                    class="btn btn-raised btn-primary bg-warning btn-lg">Cancelar</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-7 col-md-6 col-sm-12">
                        <h2 class="uppercase">Lista de Itens</h2> 
                    </div>
                </div>
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="table-responsive">
                                <table class="table table-striped" id="tablePerm">
                                    <thead>
                                        <tr>
                                            <th>Id.:</th>
                                            <th>Código:</th>
                                            <th>Parcelas:</th>
                                            <th>Vencimento:</th>
                                            <th>Status:</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>                                        
                                        @forelse ($dataItensFatura as $item)
                                            <tr id="tr{{ $item->id_finan_fatura_itens }}">
                                                <td>{{ $item->id_finan_fatura_itens }} </td>
                                                <td>{{ $item->codigo_finan_fatura_itens }}</td>
                                                <td>{{ $item->parcela_finan_fatura_itens }}</td>
                                                <td>{{ Funcoes::formataDataBr($item->venc_finan_fatura_itens) }}</td>
                                                <td>{{ $item->status_finan_fatura_itens }}</td>
                                                <td style="float-right">
                                                    <a href="javascript:void(0);" onclick="editarItem({{ $item->id_finan_fatura_itens }});" data-id_perm="{{ $item->id_finan_fatura_itens }}" class="btn btn-default waves-effect waves-float btn-sm waves-red">
                                                        <i class="zmdi zmdi-edit"></i>
                                                    </a>
                                                </td>   
                                            </tr>    
                                        @empty
                                            <td>Sem Itens</td>
                                        @endforelse                                        
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </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/js/formjs.js') }}"></script>
@endsection

@section('scripts')
<script>
    $(document).ready(function () {
        $('#status_finan_fatura').val('{{ $dataShow->status_finan_fatura }}').change();
    });
    $('#btVoltar').click(function() {
        $(location).attr('href', "{{  route('fatura.index') }}");
    });
    $('#btLinkCapa').click(function() {
        if ($('#linkcapa_finan_fatura').val() == ''){
            swal("Não existe dados disponíveis", {
                icon: "warning"
            });
        } else {
            window.open($('#linkcapa_finan_fatura').val(), '_blank');
        }
    });
    $('#btLinkBoleto').click(function() {
        if ($('#linkcarne_finan_fatura').val() == ''){
            swal("Não existe dados disponíveis", {
                icon: "warning"
            });
        } else {
            window.open($('#linkcarne_finan_fatura').val(), '_blank');
        }
    });
    $('#btGNetAtualizar').click(function () {
        $('.page-loader-wrapper').attr('style', 'display: block'); 
        if ($('#codigo_finan_fatura').val() != ''){ 
            $.ajax({
                type: "POST",
                url: "{!!  route('gerarfatura.atualizarFatura') !!}",
                data: {
                    "_token" : $('#_token').val(),
                    "id_finan_fatura" : $('#id_finan_fatura').val()
                },
                dataType: "JSON",
                success: function (response) {
                    //var obj = JSON.parse(retorno);
                    //console.log(obj.code);
                    //if (obj.code == 200){
                        f5();
                    //} 
                }
            });
        } else {
            swal("Fatura precisa ser registrada", {
                icon: "warning"
            });
        }
    });
    $('#btGNetRegistra').click(function () {        
        if ($('#codigo_finan_fatura').val() == ''){ 
            $('.page-loader-wrapper').attr('style', 'display: block'); 
            $.ajax({
                type: "POST",
                url: "{!!  route('gerarfatura.refazerFatura') !!}",
                data: {
                    "_token" : $('#_token').val(),
                    "id_finan_fatura" : $('#id_finan_fatura').val()
                },
                dataType: "JSON",
                success: function (response) {
                    $('.page-loader-wrapper').attr('style', 'display: none'); 
                }
            });
        } else {
            swal("Fatura já foi resgitrada", {
                icon: "warning"
            });
        }
    });
    $('#btGNetCancelar').click(function () {
        if ($('#codigo_finan_fatura').val() != ''){ 
            swal({
            title: "Atenção!!!",
            text: "Você esta preste a cancelar essa fatura, realmente deseja fazer isso?",
            icon: "warning",
            buttons: true,
            dangerMode: true
            })
            .then((willDelete) => {
                if (willDelete) { 
                    $('.page-loader-wrapper').attr('style', 'display: block'); 
                    $.ajax({
                        url: "{{ route('gerarfatura.cancelarFatura') }}",
                        method: 'POST',
                        dataType: 'html',
                        data: {
                            "id_finan_fatura": $('#id_finan_fatura').val(),
                            _token: $('#_token').val()
                        },
                        success: function(retorno) {
                            var obj = JSON.parse(retorno);
                            console.log(obj.code);
                            if (obj.code == 200){
                                f5();
                            }                            
                        }
                    });
                    swal("Fatura cancelada com Sucesso", {
                        icon: "success"
                    });
                } else {
                    swal("Ação cancelada");
                }

            });
        }
    });
    function editarItem(item){
        console.log(item);
        $(location).attr('href', "{{ route('faturaitens.show') }}/" + item);
    }
    function f5() {
        location.reload();
    }
</script>
@endsection