@extends('layouts.app')

{{-- Important Variables --}}


@section('title')
    {{ $moduleName }}->{{ $createItemName }}
@stop

@section('top-bar')
    @include('includes.top-bar')
@stop
@section('left-sidebar')
    @include('includes.left-sidebar')
@stop

@section('content')

<section class="content">
    <div class="container-fluid">
        <div class="block-header pull-right">
            <a class="btn btn-sm btn-info waves-effect" href="{{ url()->previous() }}">Back</a>
        </div>

        <ol class="breadcrumb breadcrumb-col-cyan pull-left">
            <li><a href=""><i class="material-icons">home</i> {{__('lang.home')}}</a></li>
            <li><a href="{{ route($ParentRouteName) }}"><i
                class="{{ $breadcrumbMainIcon }}"></i>{{ $breadcrumbMainName }}</a></li>
            <li class="active"><i class="material-icons">{{ $breadcrumbCurrentIcon }}</i>{{ $breadcrumbCurrentName }}</li>
            
        </ol>

        <!-- Inline Layout | With Floating Label -->
        <div class="row clearfix">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="card">
                    <div class="header">
                        <h2>{{ $createItemName  }} @if($action == 'edit') ({{ $payment_voucher->pv_no }})  @endif</h2>
                        <br>

                    <div class="body">
                        <form class="form" id="form_validation" method="post" action="{{ $formActionRoute }}"  enctype="multipart/form-data" >
                            
                            {{ csrf_field() }}

                            <div class="row clearfix " id='voucher_type_div'>
                                <div class="@if(!empty($type)) readOnlyField @endif ">
                                    @include('admin.leasing.payment_voucher.partials.voucher_types')
                                </div>
                            </div>

                            <div class="row">

                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-center">
                                    @include('admin.leasing.payment_voucher.partials.basic_data')
                                </div>
                                                        
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-center">
                                    @include('admin.leasing.payment_voucher.partials.image_upload',['voucher_attachments'=>$voucher_attachments])
                                </div>
                            </div>
                                            
                            <div class="general_data" style="display: none">
                                @include('admin.leasing.payment_voucher.partials.general')
                            </div>

                            <div class="other_voucher_data" style="display: none">
                                @include('admin.leasing.payment_voucher.partials.voucher_detail')
                            </div>

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

                            <div class="row">
                                <div class="col-lg-8 col-md-8 col-sm-6 col-xs-12">
                                    <div class="form-line">
                                        
                                        <button type="submit" class="btn btn-primary m-t-15 waves-effect">{{ $submitBtnTxt }}</button>

                                        @if ($action == 'edit')
                                            <span class="dropdown">
                                                <button class="btn m-t-15 btn-info waves-effect dropdown-toggle"
                                                    type="button" data-toggle="dropdown">{{__('lang.pdf')}}<span
                                                        class="caret"></span></button>
                                                <ul class="dropdown-menu pull-right">
                                                    <li><a href="{{ route($ParentRouteName . '.pdf', ['id' => $payment_voucher->id, 'office' => 1]) }}"
                                                            target="_blank">{{__('lang.office_copy')}}</a></li>
                                                    <li><a href="{{ route($ParentRouteName . '.pdf', ['id' => $payment_voucher->id, 'client' => 1]) }}"
                                                            target="_blank">{{__('lang.client_copy')}}</a></li>
                                                    <li><a href="{{ route($ParentRouteName . '.pdf', ['id' => $payment_voucher->id, 'office' => 1, 'client' => 1]) }}"
                                                            target="_blank">{{__('lang.office_client_copy')}}</a></li>
                                                </ul>
                                            </span>


                                            <span class="dropdown cheque_field">
                                                <button class="btn m-t-15 btn-warning waves-effect dropdown-toggle"
                                                    type="button" data-toggle="dropdown">{{__('lang.cheque_print')}}<span
                                                        class="caret"></span></button>
                                                <ul class="dropdown-menu pull-right">
                                                    <li><a href="{{ route('payment_voucher.cheque', ['id' => $payment_voucher->id, 'acpayee' => 1, 'side' => 1]) }}"
                                                            target="_blank">{{__('lang.ac_payee')}}</a></li>
                                                    <li><a href="{{ route('payment_voucher.cheque', ['id' => $payment_voucher->id, 'acpayee' => 0, 'side' => 1]) }}"
                                                            target="_blank">{{__('lang.without_ac_payee')}}</a></li>
                                                    <li><a href="{{ route('payment_voucher.cheque', ['id' => $payment_voucher->id, 'side' => 1]) }}"
                                                            target="_blank">{{__('lang.with_side')}}</a></li>
                                                    <li><a href="{{ route('payment_voucher.cheque', ['id' => $payment_voucher->id, 'side' => 0]) }}"
                                                            target="_blank">{{__('lang.without_side')}}</a></li>
                                                </ul>
                                            </span>
                                        @endif
                                        <a class="btn m-t-15 btn-default waves-effect"
                                            href="{{ route('payment_voucher') }}">{{__('lang.back')}}</a>

                                    </div>
                                </div>

                            </div>

                        </form>

                        @if ($action == 'edit')
                            <div id="document-stats" class="document-stats">
                                <hr>
                                @include('includes.misc.bootable-values', [
                                    'data' => $payment_voucher,
                                ])
                            </div>
                        @endif

                      
                    </div>

                </div>
            </div>
        </div>
            <!-- #END# Inline Layout | With Floating Label -->
    </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')
    <!-- 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/leasing/payment_voucher.js') }}"></script>

    <script>
        @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
        let payment_voucher                 = @json($payment_voucher);
        let action                          = '{{ $action }}';
        let create_voucher_id               = "{{ request()->get('id') }}";
        let lease_close_id                  = "{{ $lease_close_id }}";
        let lease_dealer_id                 = "{{ $lease_dealer_id }}";
        let lease_rebate_ids                = @json($lease_rebate_ids ?? []);
        let get_branch_lease_closes_ajax    = "{{ route('leasing.lease_close.get_branch_lease_closes_ajax') }}";
        let get_lease_refund_data_ajax      = "{{ route('leasing.lease_close.get_lease_refund_data_ajax') }}";
        let get_branch_dealers_ajax         = "{{ route('leasing.lease_rebate.get_branch_dealers_ajax') }}";
        let get_lease_rebate_data_ajax      = "{{ route('leasing.lease_rebate.get_lease_rebate_data_ajax') }}";


    </script>
@endpush