@extends('admin.layout.master')
@section('custom_style')
<style>
.labels{
    font-size: 16px;
    font-weight: bold;
}
input {
        padding:18px !important; 
        box-shadow: none!important;
    }
.select2-selection--single {
        box-shadow: none!important;
}
input[type=checkbox] {
    transform: scale(1.2);
}
   
</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 ">
    <div class="card-header d-flex justify-content-between align-items-center text-white bg-dark">
        <div>
            <h5 class="font-weight-bold mb-0">Payment Voucher</h5>
        </div>
        <div>
            <h5 class="font-weight-bold mb-0" >Petty Cash Balance: <span id="">{{$petty_cash_balance}}</span></h5>

        </div>
         <div>
                <a href="{{route('frontdesk.payment_voucher')}}" class="btn btn-sm btn-success">Payment Voucher List</a>
         </div>
    </div>
    <div class="card-body">
        <div class="d-flex flex-wrap">
        {{ Form::open(['route'=>['frontdesk.payment_voucher.store'],'method'=>'post', 'class'=>'form-horizontal','id' => 'myform','enctype'=>'multipart/form-data']) }}
         {{-- <input type="hidden" name="fgdghdgh" id="petty_cash_balance" class="form-control" value="{{$petty_cash_balance}}"> --}}

        @include('frontdesk.payment.form',['buttonText'=>'Save'])
        {{ Form::close() }}
        </div>
    </div>
</div>
@endsection


@section('script')
<script>
 $('.select2').select2();
   $(document).ready(function () {
       

        $('#payment_type').change(function () {
            var payment_type = $(this).val();
            if(payment_type == 2){
                $('.common').hide();
                $('.refund').show();
            }else{
                $('.common').show();
                $('.refund').hide();
            }
        
        });
      
        $('#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).val());
            });
            // alert(vat);
            var fd_vat_type  =  $("input[name='fd_vat_type']:checked").val();
            var odject =  calIncludingTax(bill_amount,vat,fd_vat_type); 
            $("#vat_amount").val(Math.round(odject.tax_amt));
            $(".bill_amount_without_vat").val(Math.round(odject.vat_without_total));
           
            var total_amount = Math.round(odject.tax_amt) + Math.round(odject.vat_without_total);
            $("#total_amount").val(total_amount);
        };
   
    });


     
</script>
@endsection