@extends('voyager::master')

@section('page_title', __('voyager::generic.view').' '.$dataType->getTranslatedAttribute('display_name_singular'))
@section("css")
    <style>
        .cash,.transfer,.show-page,.transfer-no-bs{
            display: none;
        }
    </style>
@endsection
@section('page_header')
    <h1 class="page-title">
        <i class="{{ $dataType->icon }}"></i> Movimiento de pagos &nbsp;

        {{-- {{dd($dataTypeContent)}} --}}
        @can('browse', $dataTypeContent)
        @if ($dataTypeContent->purchase_id!=null)
            
            <a href="/admin/client-service-renewals?purchase_id={{ $dataTypeContent->purchase->id}}" class="btn btn-warning">
                <i class="glyphicon glyphicon-list"></i> <span class="hidden-xs hidden-sm">Volver a la lista de renovaciones</span>
            </a>
        @else
            <a href="/admin/client-service-renewals?service_id={{ $dataTypeContent->service->id}}" class="btn btn-warning">
                <i class="glyphicon glyphicon-list"></i> <span class="hidden-xs hidden-sm">Volver a la lista de renovaciones</span>
            </a>
        @endif
        @endcan
    </h1>
    @include('voyager::multilingual.language-selector')
@stop

@section('content')
    @php
        $banks = [
            ["0001", "Banco Central de Venezuela"],
            ["0102", "Banco de Venezuela, S.A. Banco Universal"],
            ["0104", "Banco Venezolano de Crédito, S.A. Banco Universal"],
            ["0105", "Banco Mercantil C.A., Banco Universal"],
            ["0108", "Banco Provincial, S.A. Banco Universal"],
            ["0114", "Banco del Caribe C.A., Banco Universal"],
            ["0115", "Banco Exterior C.A., Banco Universal"],
            ["0128", "Banco Caroní C.A., Banco Universal"],
            ["0134", "Banesco Banco Universal, C.A."],
            ["0137", "Banco Sofitasa Banco Universal, C.A."],
            ["0138", "Banco Plaza, Banco Universal"],
            ["0146", "Banco de la Gente Emprendedora C.A."],
            ["0151", "Banco Fondo Común, C.A Banco Universal"],
            ["0156", "100% Banco, Banco Comercial, C.A"],
            ["0157", "DelSur, Banco Universal C.A."],
            ["0163", "Banco del Tesoro C.A., Banco Universal"],
            ["0166", "Banco Agrícola de Venezuela C.A., Banco Universal"],
            ["0168", "Bancrecer S.A., Banco Microfinanciero"],
            ["0169", "Mi Banco, Banco Microfinanciero, C.A."],
            ["0171", "Banco Activo C.A., Banco Universal"],
            ["0172", "Bancamiga Banco Universal, C.A."],
            ["0173", "Banco Internacional de Desarrollo C.A., Banco Universal"],
            ["0174", "Banplus Banco Universal, C.A."],
            ["0175", "Banco Bicentenario del Pueblo, Banco Universal C.A."],
            ["0177", "Banco de la Fuerza Armada Nacional Bolivariana, B.U."],
            ["0191", "Banco Nacional de Crédito C.A., Banco Universal"],
            ["0601", "Instituto Municipal de Crédito Popular"]
        ];
    @endphp
    <div class="page-content read container-fluid">
        <div class="row">
            <div class="col-md-12">

                <div class="panel panel-bordered" style="padding-bottom:5px;">
                    <!-- form start -->
                    <div class="row">
                        <div class="col-md-12">

                            <table class="table">
                                <thead>
                                    @if ($dataTypeContent->client!=null)
                                        
                                        <tr>
                                            <td>Codigo Cliente: {{($dataTypeContent->client->id)}}</td>
                                            <td>Cliente: {{($dataTypeContent->client->name)}}</td>
                                            <td>Telefono: {{($dataTypeContent->client->phone)}}</td>
                                            <td></td>
                                        </tr>

                                    @endif
                                    <tr>
                                        <td>Codigo compra: {{$dataTypeContent->service!=null?$dataTypeContent->service->id:$dataTypeContent->purchase->id}}</td>
                                        <td>Streaming: {{($dataTypeContent->inventory->streaming->name)}}</td>
                                        <td>Tipo cuenta {{$dataTypeContent->service!=null?($dataTypeContent->service->screen_type==0?"Cuenta":"Pantalla"):($dataTypeContent->purchase->screen_type==0?"Cuenta":"Pantalla")}}</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>Fecha de compra {{$dataTypeContent->date_start}}</td>
                                        <td>Fecha de Vencimiento {{$dataTypeContent->date_expiration}}</td>
                                        <td>Dias Restantes: {{daysBetweenDatesReal($dataTypeContent->date_start)}}</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td >Cuenta: {{$dataTypeContent->inventory->email}}</td>
                                        <td>Password: {{$dataTypeContent->inventory->password}}</td>
                                        <td>Pin: {{$dataTypeContent->service!=null?$dataTypeContent->service->pin:$dataTypeContent->purchase->extra_pin}}</td>
                                        <td></td>
                                    </tr>
                                </thead>
                            </table>

                        </div>
                        <div class="col-md-5">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Deuda</th>
                                        <th>Abono</th>
                                        <th>Por Cobrar</th>
                                        <th>Fecha Emision</th>
                                        <th>Accion</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($datas["Payment"] as $data)
                                        
                                    <tr>
                                        <td>{{$data->id}}</td>
                                        <td>{{$data->total}}</td>
                                        <td>{{$data->pay}}</td>
                                        <td>{{$data->debt}}</td>
                                        <td>{{$data->date_payment}}</td>
                                        <td><button class="btn btn-primary">Ver detalle</button></td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>

                        </div>
                        <div class="col-md-7">
                            <table class="table">
                                <tr>
                                    
                                    <th>Deuda</th>
                                    <th>Abono</th>
                                    <th>Por Cobrar</th>
                                </tr>
                                <tr>
                                    <td><input readonly type="number" name="total_invoice" id="total_invoice" class="form-control" value="{{$datas["currentDebt"]->total}}"></td>
                                    <td><input onkeyup="totalToDebit()" type="number" name="total_to_pay" id="total_to_pay" class="form-control"></td>
                                    <td><input readonly type="number" name="total_to_debit" id="total_to_debit" class="form-control"></td>
                                </tr>
                                <tr>
                                    <td colspan="3">
                                        <label for=""> <strong> Forma de pago </strong></label>
                                        <select onchange="typePayment()" name="type_payment" id="type_payment" class="form-control">
                                            <option value="">Seleccione</option>
                                            <option value="1">Efectivo</option>
                                            <option value="2">Transferencia</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr class="cash">
                                    <td colspan="3">
                                        <label for=""> <strong> Tipo de moneda </strong></label>
                                        <select onchange="moneyCash()" name="money_cash" id="money_cash" class="form-control">
                                            <option value="">Seleccione</option>
                                            <option value="1">Dolares</option>
                                            <option value="2">Pesos</option>
                                            <option value="3">Bolivares</option>
                                        </select>
                                    </td>
                                    
                                </tr>
                                <tr class="transfer">
                                    <td colspan="3">
                                        <label for=""><strong>Seleccione el banco</strong></label>
                                        <select name="banks" id="banks" class="form-control select2">
                                            <option value="">Seleccione</option>
                                            @foreach ($banks as $b)
                                                <option value="{{$b[0]}}">{{$b[1]}}</option>
                                            @endforeach
                                        </select>
                                        <label for=""><strong>Numero de Referencia</strong></label>
                                        <input class="form-control" type="number" name="reference_number" id="reference_number">
                                    </td>
                                </tr>
                                <tr class="transfer-no-bs">
                                    <td colspan="3"> 
                                        <label for="">En que banco fue hecha la transaccion</label>
                                        <input class="form-control" type="text" name="bank_name" id="bank_name" placeholder="Ingresa el nombre del banco">
                                        <label for=""><strong>Numero de Referencia</strong></label>
                                        <input class="form-control" type="number" name="reference_numbers" id="reference_numbers">
                                    </td>
                                    
                                </tr>
                                <tr class="show-page">
                                    <td>
                                        <label for=""> <strong> Tasa del dia </strong></label>
                                        <input onkeyup="setCovverTotalToPay()" type="number" name="rate_coversor" id="rate_coversor" class="form-control">
                                    </td>
                                    <td>
                                        <label for=""> <strong> Total </strong></label>
                                        <input onkeyup="totalCoversor()" type="number" name="total_coversor" id="total_coversor" class="form-control">
                                    </td>
                                    <td>
                                        <label for=""> <strong> Fecha pago </strong></label>
                                        <input type="date" name="date" id="date" class="form-control">
                                    </td>
                                </tr>
                                
                                

                                <tr>
                                    <td colspan="3">
                                        <button class="btn btn-success btn-block" onclick="saveNewPay()">Hacer Pago</button>
                                    </td>

                                </tr>
                            </table>
                        </div>
                    </div>
                    

                </div>
            </div>
        </div>
    </div>

    {{-- Single delete modal --}}
    <div class="modal modal-danger fade" tabindex="-1" id="delete_modal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('voyager::generic.close') }}"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title"><i class="voyager-trash"></i> {{ __('voyager::generic.delete_question') }} {{ strtolower($dataType->getTranslatedAttribute('display_name_singular')) }}?</h4>
                </div>
                <div class="modal-footer">
                    <form action="{{ route('voyager.'.$dataType->slug.'.index') }}" id="delete_form" method="POST">
                        {{ method_field('DELETE') }}
                        {{ csrf_field() }}
                        <input type="submit" class="btn btn-danger pull-right delete-confirm"
                               value="{{ __('voyager::generic.delete_confirm') }} {{ strtolower($dataType->getTranslatedAttribute('display_name_singular')) }}">
                    </form>
                    <button type="button" class="btn btn-default pull-right" data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
@stop

@section('javascript')
    @if ($isModelTranslatable)
        <script>
            $(document).ready(function () {
                $('.side-body').multilingual();
            });
        </script>
    @endif
    <script>
        var deleteFormAction;
        $('.delete').on('click', function (e) {
            var form = $('#delete_form')[0];

            if (!deleteFormAction) {
                // Save form action initial value
                deleteFormAction = form.action;
            }

            form.action = deleteFormAction.match(/\/[0-9]+$/)
                ? deleteFormAction.replace(/([0-9]+$)/, $(this).data('id'))
                : deleteFormAction + '/' + $(this).data('id');

            $('#delete_modal').modal('show');
        });

    </script>
    <script>
        function typePayment(){
            let typePayment = $("#type_payment").val();
            let $cash = $(".cash");
            let $transfer = $(".transfer");
            let $transferNoBs = $(".transfer-no-bs");
            let $showPage = $(".show-page");
            let rate_coversor = $("#rate_coversor");
            let total_coversor = $("#total_coversor");
            rate_coversor.attr("readonly", false);
            total_coversor.attr("readonly", false);
            $transferNoBs.hide();

            if (typePayment === "1") {
                $cash.show();
                $transfer.hide();
            } else {
                $cash.show();
            }

            $showPage.show();
            $("#rate_coversor").val("");
            $("#total_coversor").val("");
            $("#reference_number").val("");
            $("#banks").val("");
            $("#reference_number").val("");
            $("#reference_number").val("");
            $("#money_cash").val("");
        }
        function moneyCash(){
            let moneyCash = $("#money_cash").val();
            let $showPage = $(".show-page");
            let $transferNoBs = $(".transfer-no-bs");
            let $transfer = $(".transfer");
            let typePayment = $("#type_payment").val();
            let rate_coversor = $("#rate_coversor");
            let total_coversor = $("#total_coversor");

            $transferNoBs.hide();
            $transfer.hide();
            rate_coversor.attr("readonly", false);
            total_coversor.attr("readonly", false);

            if(typePayment==1){
                $transferNoBs.hide();

                if (moneyCash === "1"  ) {
                    $showPage.hide();
                    
                } else {
                    $showPage.show();
                }
            }else{
                if (moneyCash === "1"  ) {
                    $showPage.show();
                    $transferNoBs.show();
                    rate_coversor.attr("readonly", true);
                    total_coversor.attr("readonly", true);
                } else {
                    if (moneyCash === "2"  ) {
                        $showPage.show();
                        $transferNoBs.show();
                    }else{
                        $transfer.show();
                        $showPage.show();

                    }
                }
            }
            $("#rate_coversor").val("");
            $("#total_coversor").val("");
            $.ajax({
                dataType: "json",
                method:'get',
                url:"/admin/get-rate/"+moneyCash,


                success:function(response){
                    console.log(response,"2022222");
                    //if(response.success)
                    $("#rate_coversor").val(response.value);
                    setCovverTotalToPay()
                }
            })
        }
        function totalToDebit(){
            let total_invoice=$("#total_invoice").val()
            let total_to_pay=$("#total_to_pay").val()
            let total=parseFloat(total_invoice)-parseFloat(total_to_pay)
            $("#total_to_debit").val(total.toFixed(2))
            
            setCovverTotalToPay()
        }
        function totalToDebitOnly(){
            let total_invoice=$("#total_invoice").val()
            let total_to_pay=$("#total_to_pay").val()
            let total=parseFloat(total_invoice)-parseFloat(total_to_pay)
            $("#total_to_debit").val(total.toFixed(2))
            
        }
        function setCovverTotalToPay() {
            var rateConverter = parseFloat($("#rate_coversor").val());
            var totalToPay = parseFloat($("#total_to_pay").val());
            var totalConverter = rateConverter * totalToPay;
            console.log(rateConverter,totalToPay,totalConverter)
            $("#total_coversor").val(totalConverter.toFixed(2));
            var today = new Date();
            var dd = String(today.getDate()).padStart(2, '0');
            var mm = String(today.getMonth() + 1).padStart(2, '0');
            var yyyy = today.getFullYear();
            today = yyyy + '-' + mm + '-' + dd;
            $("#date").val(today);
        }
        function saveNewPay() {
            totalToDebitOnly()
            $("#total_to_debit").attr('readonly', true);
            let date = $("#date").val()==""?"{{date("Y-m-d")}}":$("#date").val();
            let total_coveror = $("#total_coversor").val();
            let rate_coveror = $("#rate_coversor").val();
            let reference_numbers = $("#reference_numbers").val();
            let bank_name = $("#bank_name").val();
            let reference_number = $("#reference_number").val()
            let banks = $("#banks option:selected").text()=="Seleccione"?"":$("#banks option:selected").text();
            let type_payment = $("#type_payment option:selected").text()=="Seleccione"?"":$("#type_payment option:selected").text();
            let total_to_debit = $("#total_to_debit").val();
            let total_to_pay = $("#total_to_pay").val();
            let money_cash = $("#money_cash option:selected").text()=="Seleccione"?"":$("#money_cash option:selected").text();
            let sale_id = {{$dataTypeContent->id}}
            
            if(type_payment=="Transferencia"){
                banks=bank_name==""?banks:bank_name;
                reference_number=reference_numbers==""?reference_number:reference_numbers
            }

            

            if (!total_to_debit) {
            alert("El campo ABONO es requerido.");
            return;
            }
            if (!type_payment) {
                alert("El campo FORMA DE PAGO es requerido.");
                return;
            }
            if (!money_cash && type_payment!="Transferencia") {
            alert("El campo TIPO DE MONEDA es requerido.");
            return;
            }
            
            if (!date) {
            alert("El campo fecha es requerido.");
            return;
            }
            if (!rate_coveror && money_cash!="Dolares") {
            alert("El campo TASA DEL DIA es requerido.");
            return;
            }

            if (!total_coveror && money_cash!="Dolares") {
            alert("El campo TOTAL es requerido.");
            return;
            }

            if (!banks && type_payment!="Efectivo") {
            alert("El campo DEL BANCO es requerido.");
            return;
            }
            

            if (!reference_number && type_payment!="Efectivo") {
            alert("El campo REFERENCIA BANCARIA es requerido.");
            return;
            }

            

            

            if (!total_to_pay) {
            alert("El campo ABONO es requerido.");
            return;
            }

            let purcharse_no_null={{$dataTypeContent->client==null?0:1}}
            let url="/admin/save-payment"
            url=url+(purcharse_no_null==0?("?purcharse_no_null="+purcharse_no_null):"")
            let paymentData = {
                date: date,
                total_coveror: total_coveror,
                rate_coveror: rate_coveror,
                reference_number: reference_number,
                banks: banks,
                type_payment: type_payment,
                total_to_debit: total_to_debit,
                total_to_pay: total_to_pay,
                money_cash: money_cash,
                client_service_renewal_id: sale_id,
            };
            console.log(paymentData)
            $.ajax({
                dataType: "json",
                method:'post',
                url:url,
                data:{
                    data:paymentData,
                },


                success:function(response){
                    console.log(response,"2022222");
                    //if(response.success)
                        window.location.href="/admin/payment/"+{{$dataTypeContent->id}}
                }
            })
        }
        function totalCoversor(){
            let total_coversor=parseFloat($("#total_coversor").val());
            let rate_coversor=parseFloat($("#rate_coversor").val());
            let total_to_pay=(total_coversor/rate_coversor).toFixed(2)
            $("#total_to_pay").val(total_to_pay)
            //totalToDebit()
        }
    </script>
@stop