@extends('layouts.app')

@php

$moduleName                 = ' Payment Voucher';
$ModelName                  = 'App\Models\PaymentVoucher';
$ParentRouteName            = 'land';

// Donot Delete these variables if not necessary
$formActionRoute            = "";
$submitBtnTxt               = "";
$voucher_attachments        = [];

if($action=='create'){
    $formActionRoute            = route('land.rebate_payment.store');
    $breadcrumbCurrentName      = __('lang.create');
    $submitBtnTxt               = 'Save';
    $land_id                    = $land_rebate_schedule->land_id;
}
else if($action=='edit'){
    $formActionRoute            = route('land.rebate_payment.store',['id' => $payment_voucher->id]);
    $breadcrumbCurrentName      = __('lang.edit');
    $submitBtnTxt               = 'Update';
    $land_id                    = $payment_voucher->land_rebate_items->first()->land_id;
    $voucher_attachments        = $payment_voucher->voucher_attachments;
    $voucher_reference          = $payment_voucher->references;
}

$createItemName             = $breadcrumbCurrentName . $moduleName;
$breadcrumbCurrentIcon      = 'add_box';
$breadcrumbMainName         = $moduleName;
$breadcrumbMainIcon         = 'fas fa-receipt';

@endphp

@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="{{ route('land.edit', $land_id) }}">Back</a>
            </div>

            <ol class="breadcrumb breadcrumb-col-cyan pull-left">
                <li><a href="{{ route('dashboard') }}"><i class="material-icons">home</i> {{__('lang.home')}}</a></li>
                <li><a href="{{ route('land') }}"> <i class="fas fa-dolly"></i> Land </a></li>
                <li><a href="{{ route('land.edit', $land_id) }}"><i class="material-icons">schedule</i>Rebate Schedule Manage</a></li>
                <li class="active"><i class="material-icons">{{ $breadcrumbCurrentIcon }}</i> {{ $breadcrumbCurrentName }} </li>
            </ol>

            <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 }}
                            </h2>
                            <br>
                            <div class="body">

                                <form class="form" id="form_validation" method="post" action="{{ $formActionRoute }}" enctype="multipart/form-data"> 
									@csrf

                                    <input type="hidden" name="land_id" value="{{ $land_id }}">

                                    <div class="row clearfix " id='voucher_type_div'>
                                        {{-- <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 @if(!$unofficial_setting) dis-none @endif">
                                        
                                            <div class="form-group form-float readOnlyField ">
                                                <label class="form-label" style="font-size:16px;">{{__('lang.type')}}: </label>
            
                                                <input name="is_official" type="radio" id="check_yes" value="1" @if($is_official == 1) checked @endif>
                                                <label for="check_yes" style="font-size:16px;margin-left: 30px;padding: 0px 30px;">OFFICIAL</label>
            
            
                                                <input name="is_official" type="radio" id="check_no"  value="0" @if($is_official == 0) checked @endif>
                                                <label for="check_no" style="font-size:16px;margin-left: 10px;padding: 0px 30px;">UNOFFICIAL</label>
                                            </div>
                                        </div> --}}
                                    </div>
                                    
                                    <div class="row">

                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-center">
                                            @include('admin.partials.bank',[
                                                'data'=>[
                                                    'made_of_payment'   => $payment_voucher->mode_of_payment ?? null ,
                                                    'bank_id'           => $payment_voucher->bank_id ?? null
                                                ]
                                            ])

                                            @include('layouts.components.input_field',
                                            [
                                                'col'   		=> 6,
                                                'name'  		=> 'cheque_no',
                                                'label' 		=> __('lang.instrument_no'),
                                                'value'         => $payment_voucher->cheque_no,
                                                'labelClass'	=> 'required',
                                                'parent_class'	=> 'cheque_field',
                                            ])
    
                                            @include('layouts.components.date_field', [
                                                'col'   		=> 6,
                                                "name"  		=> "cheque_date",
                                                "label" 		=> __('lang.instrument_date'),
                                                'value' 		=> $payment_voucher->cheque_date,
                                                'labelClass'	=> 'required',
                                                'parent_class'	=> 'cheque_field',
                                                'focused'      	=> true,
                                            ])
    
                                            @include('layouts.components.date_field', [
                                                'col'   		=> 12,
                                                "name"  		=> "voucher_date",
                                                "label" 		=> __('lang.voucher_date'),
                                                'value' 		=> $payment_voucher->voucher_date,
                                                'labelClass'	=> 'required',
                                            ])
    
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" >
                                                @include('admin.partials.reference',['voucher_reference' => $voucher_reference])
                                            </div>
    
                                            @include('layouts.components.input_field',
                                            [
                                                'col'   		=> '12',
                                                'name'  		=> 'particulars',
                                                'id'            => 'particulars',
                                                'label' 		=> __('lang.particulars'),
                                                'value'			=> $payment_voucher->particulars
                                            ])
                                        </div>
                                                                
                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-center">
                                            <div>
                                                @include('includes.multiple-images')
                                                <div style="margin-bottom: 20px; " >
                                                    <div id="my_camera" style=" width:170px; margin: 0 auto; "></div>
                                                </div>
                                                <input style="position: relative;top: -38px;" class="btn btn-primary m-t-15 waves-effect hide snapShotBtn" type="button" value="Take Snapshot" onClick="take_snapshot()">
                                                <br/>
                                                <label for="profile" class="btn btn-warning waves-effect m-t-15">{{__('lang.upload_images')}}</label>
                                                <button class="btn btn-warning waves-effect m-t-15 webCam" type='button'>{{__('lang.from_web_cam')}}</button>
                                                <input type="hidden" name="web_cam" class="image-tag">
                                            </div>
                                        </div>

                                    </div>

                                    <div class="voucher_data">

                                        <div class="row">
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-24">
                                                <fieldset disabled="disabled">
                                                    <legend class="addRowLegend"><span>Voucher Details</span></legend>
                                                </fieldset>
                                            </div>
                                        </div>
                                        
                                        <div id="voucher_detail_div">
                                        
                                        </div>  

                                    </div>
        
                                    <div class="row">
                                        @include('layouts.components.input_field',
                                        [
                                            'col'   		=> '6',
                                            'type'          => 'number',
                                            'parent_class'  => 'pull-right',
                                            'name'  		=> 'pv_total_amount',
                                            'label' 		=> __('lang.total_amount'),
                                            'readonly'      => true,
                                            'value'			=> "0"
                                        ])
                                    </div>
        
									<div class="row">
										<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="form-line">
                                                <button type="submit" class="btn btn-primary m-t-15 waves-effect">{{$submitBtnTxt}} </button>
                                                <a class="btn m-t-15 btn-default waves-effect" href="{{ url()->previous() }}">{{__('lang.back')}}</a>
                                            </div>
                                        </div>
									</div>
                                
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </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')
    <!-- 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="{{ loadScriptFromServer('asset/js/custom/land_rebate_pv.js') }}"></script>

    <script src="{{asset ('js/custom/webcam.min.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

    </script>

    <script>    
        const land_rebate_schedule  = @json($land_rebate_schedule);
        const payment_voucher       = @json($payment_voucher);
        let action                  = "{{$action}}";
    </script>


@endpush