@extends('layouts.app')

{{--Important Variables--}}


@section('title')
    Multi Receipt Issue
@stop

@section('top-bar')
    @include('includes.top-bar')
@stop
@section('left-sidebar')
    @include('includes.left-sidebar')
@stop
@section('content')
<style>

table .dropdown-menu{
    left:0px !important;
}
/* .datepicker.datepicker-dropdown.dropdown-menu {
    margin-top: 0 !important;
} */
/* table .dropdown-menu {
    left: 740px !important;
    margin-top: 250px !important;
} */
</style>

    <section class="content">
        <div class="header">
            <h2 class="text-center">{{__('lang.direct_receipt_issue')}}</h2>
        </div>
        <div class="container-fluid">
            <!-- Inline Layout | With Floating Label -->
            <div class="row clearfix">
                <!-- Income Expense Head  Wise Start -->
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="card">
                        <div class="header bg-cyan">
                            <h2>{{__('lang.search_criteria')}}</h2>
                        </div>
                        <br>
                        <div class="body">
                            <div class="row clearfix">
                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <select data-live-search="true" class="form-control show-tick "
                                                    name="branch_id" id="branch-select"  data-type='receipts'>
                                                <option value="0">{{__('lang.select_project')}}</option>
                                                @foreach ($branches as $branch)
                                                    <option value="{{ $branch->id }}" @if($branch->id == $branch_id) selected @endif>{{ $branch->name }}</option>
                                                @endforeach
                                            </select>
                                            <label class="form-label">{{__('lang.project')}}</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <select data-live-search="true" class="form-control show-tick " 
                                                    name="customer_id" id="customer-select">
                                                <option value="0">{{__('lang.select_customer')}}</option>
                                            </select>
                                            <label class="form-label">{{__('lang.customer')}}</label>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <select data-live-search="true" class="form-control show-tick "
                                                    name="sell_id" id="sell-select">
                                                <option value="0">{{__('lang.select_sell')}}</option>
                                            </select>
                                            <label class="form-label">{{__('lang.sell')}}</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                @include('admin.partials.officialUnofficial')
                            </div>
                        </div>
                    </div>
                </div>


                <!-- Schedule Payment Start -->
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="payment-schedule-container" style="display:none">
                    <div class="card">
                        <div class="title">
                        </div>
                        <br>
                        <div class="body">
                            <div class="row">
                                <div class="col-md-4">
                                    <h4>{{__('lang.payment_schedule')}}</h4>
                                </div>
                                @if ($action !='edit' )
                                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12  margin-buttom-zero">
                                        <div class="form-line pull-right">
                                            <button class="btn btn-primary m-t-15 waves-effect btn-create-receipt">
                                                {{__('lang.create_receipt')}}
                                            </button>

                                            <button class="btn btn-primary m-t-15 waves-effect btn-create-receipt-unofficial unofficial" value="0">
                                                {{__('lang.create_unofficial_receipt')}}
                                            </button>
                                        </div>
                                    </div>
                                @endif
                            </div>
                            <div class="table-responsive">
                                <form >
                                    <table class="table table-striped table-sm table-bordered"  id="payment-schedule-table">
                                        <thead>
                                            <th class="checkbox_custom_style text-center">
                                                <input name="selectTop" type="checkbox" id="md_checkbox_p"
                                                        class="chk-col-cyan" />
                                                <label for="md_checkbox_p" ></label>
                                            </th>   
                                            <th>{{__('lang.payment_name')}}</th>   
                                            <th>{{__('lang.schedule_date')}}</th>
                                            <th>{{__('lang.payable_amount')}} {{$transaction->systemSettingCurrency()}}</th>
                                            <th class="unofficial">{{__('lang.unoffcial_payable_amount')}} {{$transaction->systemSettingCurrency()}}</th>
                                            <th>{{__('lang.received_amount')}} {{$transaction->systemSettingCurrency()}}</th>
                                            <th class="unofficial">{{__('lang.unofficial_received_amount')}} {{$transaction->systemSettingCurrency()}}</th>
                                            <th class="surcharge_col">{{__('lang.actual_surcharge')}}</th>
                                            <th class="surcharge_col">{{__('lang.paid_surcharge')}}</th>
                                            <th>{{__('lang.balance_amount')}} {{$transaction->systemSettingCurrency()}}</th>
                                        </thead>
                                        <tbody class="table-data">
                                        
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <th class="checkbox_custom_style text-center">
                                                    <input name="selectBottom" type="checkbox" id="md_checkbox_footer"
                                                            class="chk-col-cyan"/>
                                                    <label for="md_checkbox_footer"></label>
                                                </th>
                                                
                                            <th>{{__('lang.payment_name')}}</th>   
                                            <th>{{__('lang.schedule_date')}}</th>
                                            <th>{{__('lang.payable_amount')}} {{$transaction->systemSettingCurrency()}}</th>
                                            <th class="unofficial">{{__('lang.unoffcial_payable_amount')}} {{$transaction->systemSettingCurrency()}}</th>
                                            <th>{{__('lang.received_amount')}} {{$transaction->systemSettingCurrency()}}</th>
                                            <th class="unofficial">{{__('lang.unofficial_received_amount')}} {{$transaction->systemSettingCurrency()}}</th>
                                            <th class="surcharge_col">{{__('lang.actual_surcharge')}}</th>
                                            <th class="surcharge_col">{{__('lang.paid_surcharge')}}</th>
                                            <th>{{__('lang.balance_amount')}} {{$transaction->systemSettingCurrency()}}</th>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </form>
                                @if ($action !='edit' )
                                    <div class="row">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12  margin-buttom-zero">
                                            <div class="form-line pull-right">
                                                <button  class="btn btn-primary m-t-15 waves-effect btn-create-receipt" value="1">
                                                    {{__('lang.create_receipt')}}
                                                </button>

                                                <button class="btn btn-primary m-t-15 waves-effect btn-create-receipt-unofficial unofficial" value="0">
                                                    {{__('lang.create_unofficial_receipt')}}
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                @endif

                            </div>
                        </div>
                    </div>
                </div>
                <!-- Schedule Payment END -->
                <!-- Receipt Details Start -->
                <form 
                    @if ($action !='edit')
                        
                    action="{{route("multi-receipt-store")}}" 
                    @else
                        action="{{route("multi-receipt-update",['id'=>$id,'sells_id'=>$sells_id])}}" 
                    @endif
                    
                    method="post">
                    @csrf
                    <input type="hidden" name="schedule_ids" value="">
                    <input type="hidden" name="sell_id" value="" class="sells_id">
                    <input type="hidden" name="is_official" value="">

                    @if ($action =='edit')
                        <input type="hidden" name="receipt_id" value="{{$id}}">
                    @endif
                    
                
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="receipt-detail-container" style="display:none">
                        @include('admin.schedule-manage.actual-payment.surcharge',['receipt_id'=>$id, 'receipt_type' => 'direct'])
                        
                        <div class="card" style="min-height: auto !important;">
                            <div class="title">
                            </div>
                            <hr>
                            <div class="body">
                                <h4>{{__('lang.receipt')}}</h4><br>
                                <div class="row">
                                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                        <div class="form-group form-float">
                                            <div class="form-line focused" id="bs_datepicker_container">
                                                <label class="form-label">Date Of Collection</label>
                                                <input autocomplete="off" value="{{ ($payment->schedule_date) ?? Carbon\Carbon::now()->format('d/m/Y') }}"
                                                    name="date_of_collection"
                                                    type="text"
                                                    {{ old('date_of_collection') }}
                                                    readonly="true"
                                                    class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                        <div class="form-group form-float">
                                            <div class="form-line focused">
                                                <input name="attachment_slip"
                                                    type="file"
                                                    class="form-control">
                                                <label class="form-label">{{__('lang.attachment_slip')}}
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="receipt-container">

                                </div>
                                
                                            
                                            
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Receipt Details END -->
                    <div class="col-12" id="operation-container" style="display:none">
                        <div class="card" style="min-height: auto !important; width: 100% !important;">
                            <div class="title">
                            </div>
                            <br>
                            <div class="body">
                                <div class="row">

                                    <div id="totalAmount-container">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

                                            <div class="card" style="background-color:#24576A !important;">
                                                <div class="col-lg-4"></div>
                                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 surcharge_col" style="border-right: 2px solid white;">
                                                        <div  style="border-bottom:none;color:#fff">
                                                            <h5 class="pull-right" style="margin-top:12px;">{{__('lang.surcharge_amount')}} {{$transaction->systemSettingCurrency()}}</h5>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 surcharge_col" style="font-weight: 600;font-size: 16px;">
                                                        <div style="border-bottom:none;color:#fff">
                                                            <span class="pull-right total_surcharge_amount" style="padding: 0 15px 0 0; margin-top:8px;">0</span>
                                                            <input value="0" type="hidden" name="surchargeAmount">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-lg-2 col-md-2 col-sm-4 col-xs-4" style="border-left: 2px solid white;border-right: 2px solid white;">
                                                    <div  style="border-bottom:none;color:#fff">
                                                        <h5 class="pull-right" style="margin-top:12px;">{{__('lang.total_amount')}} {{$transaction->systemSettingCurrency()}}</h5>
                                                    </div>
                                                </div>
                                                <div class="col-lg-2 col-md-2 col-sm-4 col-xs-4" style="font-weight: 600;font-size: 16px;">
                                                    <div style="border-bottom:none;color:#fff">
                                                        <span class="pull-right total_amount" style="padding: 0 15px 0 0; margin-top:8px;">0</span>
                                                        <input value="0" type="hidden" name="totalAmount">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="form-line text-right">
                                            <input type="submit" class="btn btn-primary m-t-15 waves-effect" value="{{__('lang.save')}}"/>
                                            <a class="btn m-t-15 btn-default waves-effect" href="{{ url()->previous() }}">{{__('lang.back')}}</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </section>

@stop

@push('include-css')

    <!-- Colorpicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css') }}" rel="stylesheet"/>

    <!-- Dropzone Css -->
    <link href="{{ loadAsset('asset/plugins/dropzone/dropzone.css') }}" rel="stylesheet">

    <!-- Multi Select Css -->
    <link href="{{ loadAsset('asset/plugins/multi-select/css/multi-select.css') }}" rel="stylesheet">

    <!-- Bootstrap Spinner Css -->
    <link href="{{ loadAsset('asset/plugins/jquery-spinner/css/bootstrap-spinner.css') }}" rel="stylesheet">

    <!-- Bootstrap Tagsinput Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css') }}" rel="stylesheet">

    <!-- Bootstrap Select Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-select/css/bootstrap-select.css') }}" rel="stylesheet"/>



    <!-- Bootstrap Material Datetime Picker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css') }}"
          rel="stylesheet"/>

    <!-- Bootstrap DatePicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css') }}" rel="stylesheet"/>


    <!-- noUISlider Css -->
    <link href="{{ loadAsset('asset/plugins/nouislider/nouislider.min.css') }}" rel="stylesheet"/>

    <!-- Sweet Alert Css -->
    <link href="{{ loadAsset('asset/plugins/sweetalert/sweetalert.css') }}" rel="stylesheet"/>


@endpush

@push('include-js')
    <script src="{{ loadAsset('asset/js/dataTable.js')  }}"></script>


    <!-- Moment Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/momentjs/moment.js') }}"></script>

    <!-- Bootstrap Material Datetime Picker Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js') }}"></script>

    <!-- Bootstrap Datepicker Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js') }}"></script>


    <!-- Sweet Alert Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/sweetalert/sweetalert.min.js') }}"></script>


    <!-- Autosize Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/autosize/autosize.js') }}"></script>

    <script src="{{ loadAsset('asset/js/pages/forms/basic-form-elements.js') }}"></script>


    <script>
        BaseController.init();
    

        @if(Session::has('success'))
            toastr["success"]('{{ Session::get('success') }}');
        @endif

        @if(Session::has('error'))
            toastr["error"]('{{ Session::get('error') }}');
        @endif


        @if ($errors->any())
            @foreach ($errors->all() as $error)
                toastr["error"]('{{ $error }}');
            @endforeach
        @endif
        $('#sell-select').on('change',function(){
        var sell_id = $('#sell-select').find(":selected").val();
        $('.sells_id').val(sell_id);
        });

function setSurcharge(schedule_receivable_id,sells_id,value,schedule_date) {
      
    var schedule_date_old = $('.schedule_date').val();
        var sell_id = $('#sell-select').find(":selected").val();

        $.ajax({
        type: 'POST',
        dataType: 'json',
        url: get_surcharge,
        data: { payable_amount: value, schedule_date :schedule_date_old,sells_id:sells_id,schedule_id:schedule_receivable_id},
        success: function (data) {
            if(action != 'edit'){
                console.log(data);
          $('.current_amount_surcharge'+schedule_receivable_id).val(data.surcharge);

            }
        }
    });

}
        var action = "{{ $action }}";
        var receipts = null;
        var select_customer = 0;
        var select_sell = 0;
        var schedule_id = null;
        var schedule_route = "{{ route('multi-receipt-get-payment-schedule') }}";
        var get_sells_route = "{{ route('multi-receipt-get-sells') }}";
        var get_customer_route = "{{ route('multi-receipt-get-customers') }}";
        var get_selected_term_route = "{{ route('multi-receipt-get-selected-terms') }}";
        var get_receipt_node = "{{ route('actual_received.mode.change') }}";
        var current_date = "{{ Carbon\Carbon::now()->format('d/m/Y') }}";
        var get_surcharge ="{{route('multi-surcharge')}}";
        
        $("#multi-form").click(function(e){
            
            if($('input[name="date_of_collection"]').val()==0 || $('input[name="date_of_collection"]').val()=='') {
                toastr["error"]('Date of Collection Required');
                e.preventDefault();
            }
          
            $('select.mode_of_payment').each(function(k,v) 
            {
                if($(v).val()==0 || $(v).val()=='') {
                    toastr["error"]('Mode of Payment is Required');
                    e.preventDefault();
                }
                if($(v).val() != 'Cash')
                {
                    $(`input.instrument_no`).each(function(a,b)
                    {
                        if(a == k)
                        {
                            if($(b).val() == '' || $(b).val() == 0)
                            {
                                toastr["error"]('Instrument No is Required');
                                e.preventDefault();
                            }
                        }
                    });		
                    $(`input.instrument_date`).each(function(c,d)
                    {
                        if(c == k)
                        {
                            if($(d).val() == '' || $(d).val() == 0)
                            {
                                toastr["error"]('Instrument Date is Required');
                                e.preventDefault();
                            }
                        }
                    });	

                }
            });
            $('select.bank_id').each(function(k,v) {
                if($(v).val()==0 || $(v).val()=='') {
                    toastr["error"]('Account is Required');
                    e.preventDefault();
                }
            });
            $('input.current_amount').each(function(k,v) {
                if($(v).val()==0 || $(v).val()=='') {
                    toastr["error"]('Current Amount is Required');
                    e.preventDefault();
                }
            });

            $('input.balance_amount').each(function(k,v) {
                if($(v).val() < 0) {
                    toastr["error"]('Current Amount is greater than Balance Amount');
                    e.preventDefault();
                }
            });
    
        }); 

    </script>
    <script src="{{loadScriptFromServer('asset/js/custom/multiple_receipt_issue.js')}}"></script>
   
@endpush