@extends('admin.layout.master')
@section('custom_style')
<style>

</style>
@endsection

@section('content')
@include('flash-message')
<div class="col-12">
    @if ($errors->any())
    <div class="alert alert-danger" id="hide-alert">
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
</div>

<div class="card sina-card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <div class="col-md-8">
            <h5 class="">{{__('obs.payment')}} {{__('obs.voucher')}}</h5>
        </div>
        {{-- <div> --}}
            {{-- <h5 class="font-weight-bold mb-0" >Petty Cash Balance: <span id="">{{$petty_cash_balance}}</span></h5> --}}
        {{-- </div> --}}
        <div class="col-md-4 text-end">
            <a href="{{route('frontdesk.refund_voucher')}}" class="btn btn-sm btn-light">{{__('obs.refund')}} {{__('obs.voucher')}}</a>
            <a href="{{route('frontdesk.payment_voucher')}}" class="btn btn-sm btn-light">{{__('obs.payment')}} {{__('obs.voucher')}}</a>

        </div>
        
    </div>
    <div class="card-body">
        <div class="">
            <form action="{{ route('frontdesk.payment_voucher.store') }}" method="POST" class="form-horizontal" id="myform" enctype="multipart/form-data">
                @csrf
                {{-- <input type="hidden" name="fgdghdgh" id="petty_cash_balance" class="form-control" value="{{$petty_cash_balance}}"> --}}
                 @include('frontdesk.payment.form',['buttonText'=>__('obs.save')])
            </form>
        </div>
    </div>
</div>
@endsection


@section('script')
<script>
 $('.select2').select2();
   $(document).ready(function () {
        //  get_currency_rate();
       
        $('#payment_type').change(function () {
            var payment_type = $(this).val();
          
            if(payment_type == 2){
                $('.payment_ledger').hide();
                $('.refund').show();
                $('#payment_ledger').prop('required', false);   
                $('#checkin_no').prop('required', true);   
            }else{
                $('.payment_ledger').show();
                $('.refund').hide();
                $('#checkin_no').prop('required', false);   
                $('#payment_ledger').prop('required', true);   
            }
        
        });
      
        $('#bill_amount').keyup(function(){
            calculate_vat(); 
        });
       
        $('.fd_vat_list').on('click', function(e) {
            calculate_vat();
        });
      
        
        $('.fd_vat_type').on('click', function(e) {
            calculate_vat();
        });

        function calculate_vat(){
            var bill_amount = $('#bill_amount').val();
         
            var vat = 0;
            $.each($(".fd_vat_list:checked"), function(){
                vat += parseFloat($(this).attr('data-value'));
            });
          
            var fd_vat_type  =  $("input[name='fd_vat_type']:checked").val();
           
          
            var odject =  calIncludingTax(bill_amount,vat,fd_vat_type);
          
            var vat_amount =  parseFloat(odject.tax_amt);
            var amount_without_vat =  parseFloat(odject.vat_without_total);
           
            var total_amount = parseFloat(vat_amount) + parseFloat(amount_without_vat);
            $("#vat_amount").val(vat_amount.toFixed(2));
            $("#amount_without_vat").val(amount_without_vat.toFixed(2));
            $("#total_amount").val(total_amount.toFixed(2));
        };


        $('#checkin_no').change(function () {//get_party_info_by_reservation
            var reservation_id =  $("#checkin_no").val();
            var url = "{{ route('frontdesk.get_party_info_by_reservation')}}";
            ajaxCustom(function(data) {
                console.log(data);
                if(data){
                    let html = `<option value="${data.id}">${data.name_eng}</option>`;
                    $("#party_id").html(html);
                }
               
              
            }, "GET", url, {reservation_id: reservation_id});
        });

        $('.ledger_select_fixed').select2({
            minimumInputLength: 3,
            ajax: {
                url: "{{route('accounts_settings.ledger_search')}}",
                dataType: 'json',
                type: "GET",
                quietMillis: 50,
                data: function (term) {
                    return {
                        _token: $('meta[name="csrf-token"]').attr("content"),
                        search_type: 2,
                        group_code:null,
                        name: term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.auto_code + ' -- ' + item.name,
                                id: item.id
                            }
                        })
                    };
                }
            }
        });

        // function calculate_including_excuding_tax(bill_amount=0,vat_percent,type,main_product_amount=0) {
        //     // $amount, $vat_percent, $type, $total_vat_percent = null
        //     var vat_without_total= 0;
        //     if(type == 1){
        //         var tax_amt = parseFloat((vat_percent * 100) / (100 + vat_percent));
        //     //   alert(tax_amt);
        //         var bill_amt = parseFloat(bill_amount);
        //         vat_without_total = bill_amt - tax_amt;
        //     } else {
        //         var tax_amt = vat_percent * (bill_amount / 100);
        //         var bill_amt = bill_amount ;
        //         vat_without_total = bill_amt - tax_amt;
        //         //var actual_product_price = main_product_amount / conv;
        //     }
        //     var obj={
        //         bill_amt : bill_amt,
        //         tax_amt:tax_amt,
        //         vat_without_total:vat_without_total,
        //         //actual_product_price
        //     }
        //     return obj;
        // }

        $('#currency_id').change(function () {
            get_currency_rate();
        });
       
        function get_currency_rate(){
           var  currency_id = $('#currency_id').val();
           var url = "{{ route('frontdesk.get_currency_rate')}}";
            ajaxCustom(function(data) {
                console.log(data);
                $('#roe').val(data.roe);
            }, "GET", url, {currency_id: currency_id});
        };
    });


     
</script>
@endsection