@extends('layouts.app')

{{--Important Variables--}}


@section('title')
    Bank Deposit
@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;
}

</style>
 
    <section class="content">
        <div class="header">
            <h2 class="text-center"> {{__('lang.bank_deposit_voucher')}} </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.edit')}} ({{$data->voucher_no}})</h2>
                        </div>
                        <br>
                        <div class="body">
                            <div class="row clearfix">
                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <div class="form-group form-float">
                                            <div class="form-line focused">
                                                <select data-live-search="true" class="form-control show-tick "
                                                        name="cr_account_id" id="cr_account_id">
                                                    <option value="0">{{__('lang.select_account_cr')}}</option>
                                                    @foreach( App\Models\BankCash::all() as $key=> $cr_account )
                                                        <option data-type="{{ $cr_account->bankCashHead->reference_type }}" @if ( $cr_account->bankCashHead->id == $data->cr_account_id) selected @endif value="{{ $cr_account->bankCashHead->id }}">{{ $cr_account->bankCashHead->name }}</option>
                                                    @endforeach 
                                                </select>
                                                <label class="form-label">{{__('lang.account_cr')}}</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <div class="form-group form-float">
                                            <div class="form-line focused">
                                                <select data-live-search="true" class="form-control show-tick "
                                                        name="cr_branch_id" id="cr_branch_id">
                                                    <option value="0">{{__('lang.select_project')}}</option> 
                                                        @foreach( App\Models\Branch::all() as $key=> $branch )
                                                            <option  @if ( $branch->id == $data->cr_branch_id ) selected @endif value="{{ $branch->id }}">{{ $branch->name }}</option>
                                                        @endforeach 
                                                </select>
                                                <label class="form-label">{{__('lang.cr_project')}}</label>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>


                <!-- Cheques -->
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="cheques-container" >
                    <div class="card">
                        <div class="title">
                        </div>
                        <br>
                        <div class="body">
                            <div class="row">
                                <div class="col-md-4">
                                    <h4>{{__('lang.cheque')}}</h4>
                                </div>
                            </div>
                            <div class="table-responsive">
                                
                                    <table class="table table-striped table-sm table-bordered"  id="cheques-table">
                                        <thead>
                                            <th class="checkbox_custom_style text-center" style="width: 24px;"> 
                                            </th>   
                                            <th>{{__('lang.payment_from')}}</th>   
                                            <th>{{__('lang.cheque_date')}}</th>
                                            <th>{{__('lang.amount')}} {{$transaction->systemSettingCurrency()}}</th>
                                            <th>{{__('lang.status')}}</th>
                                        </thead>
                                        
                                        <tbody class="table-data">
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <th class="checkbox_custom_style text-center">
                                                </th>
                                                <th>{{__('lang.payment_from')}}</th>   
                                                <th>{{__('lang.cheque_date')}}</th>
                                                <th>{{__('lang.amount')}} {{$transaction->systemSettingCurrency()}}</th>
                                                <th>{{__('lang.status')}}</th>
                                            </tr>
                                        </tfoot>
                                    </table>

                            </div>
                        </div>
                    </div>
                </div>
                <!-- Schedule Payment END -->
                <!-- Receipt Details Start -->
                  

                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="operation-container" style="display:none">
                        <div class="card" style="min-height: auto !important;">
                            <div class="title">
                            </div>
                            <hr>
                            <div class="body">
                                <h4></h4>
                                <div class="row clearfix">
                                    <div class="col-lg-3 col-md-3 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="dr_account_id" id="dr_account_id">
                                                    <option value="0">Select DR Account</option>
                                                    @if (App\Models\BankCash::whereHas('head')->get()->count() > 0 )
                                                        @foreach( App\Models\BankCash::whereHas('head')->get() as $key=> $dr_account )
                                                            <option @if ( $dr_account->id == old('dr_account' )) selected @endif value="{{ $dr_account->head->id }}">{{ $dr_account->head->name }}</option>
                                                        @endforeach
                                                        {{-- <option value="cash"> {{__('lang.cash')}}</option> --}}
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area">
                                        <div class="form-group form-float">
                                            <div class="form-line" id="bs_datepicker_container">
                                                <label class="form-label">{{__('lang.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"
                                                    placeholder="{{__('lang.date_of_collection')}}"
                                                    class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area">
                                        <div class="form-group form-float">
                                            <div class="form-line" >
                                                <label class="form-label">{{__('lang.total_no_cheque')}}</label>
                                                <input autocomplete="off" 
                                                    name="total_cheques"
                                                    type="text"
                                                    readonly
                                                    {{ old('total_cheques') }}
                                                    class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 field_area">
                                        <div class="form-group form-float">
                                            <div class="form-line" >
                                                <label class="form-label">{{__('lang.total_amount')}} {{$transaction->systemSettingCurrency()}}</label>
                                                <input autocomplete="off" 
                                                    name="total_amount"
                                                    type="text"
                                                    readonly

                                                    {{ old('total_amount') }}
                                                    class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <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-bank-deposit" onclick="save()">
                                                {{__('lang.update')}}
                                            </button>
                                        </div>
                                    </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>
    <script src="{{ loadAsset('asset/plugins/dataTables/datatables.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 src="{{loadAsset('asset/js/custom/bank_deposit.js')}}"></script>

    <script>
        BaseController.init();
    

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

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


        @if ($errors->any())
            @foreach ($errors->all() as $error)
                toastr["error"]('{{ $error }}');
            @endforeach
        @endif

        var action = "{{ $action }}";
        var main_data = null;
        var receipts = null;
        console.log(main_data);
        setTimeout(() => {
            setValues();
        }, 200);
        // var schedule_route = "{{ route('multi-receipt-get-payment-schedule') }}";
        var bank_deposit = "{{ route('bank-deposit') }}";
        var save_route = "{{ route('bank-deposit-store') }}";
        var edit_route = "{{ route('bank-deposit-update',['id' => $data->id]) }}";
        var get_cr_account_cheques = "{{ route('bank-deposit-get-cheques') }}";
        // var get_selected_term_route = "{{ route('multi-receipt-get-selected-terms') }}";
        // var get_receipt_node = "{{ route('multi-mode-change') }}";
        var voucher_date = "{{ date('d/m/Y', strtotime($data->voucher_date))  }}";
        
        console.log('voucher_date',voucher_date);
    </script>
   
@endpush