@extends('layouts.app')

 
@php

	if($action == 'create'){
		$form_action            = route($parentRouteName.'.store');
		$createItemName         = __('lang.create') ." " .$moduleName;
		$breadcrumbCurrentName  = __('lang.create');
		$submit_button_text     = __('lang.save');

	}
	else if($action == 'edit'){
		$form_action            = route($parentRouteName.'.update',$lease_receipt_voucher->id);
		$createItemName         = __('lang.edit') ." " . $moduleName;
		$breadcrumbCurrentName  = __('lang.edit');
		$submit_button_text     = __('lang.update');
        $type                   = $lease_receipt_voucher->type;
        $voucher_reference      = $lease_receipt_voucher->references;
        $voucher_attachments    = $lease_receipt_voucher->voucher_attachments;
        $branch_id              = $lease_receipt_voucher->branch_id;
        $lease_id               = $lease_receipt_voucher->lease_id;
        $is_multi_receipt       = $lease_receipt_voucher->is_multiple;
	}

	$breadcrumbCurrentIcon      = "add_box";

@endphp

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

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

@push('include-css')
	<style>
		.multi_receipt_heading {
			font-size : 20px !important;
			font-weight: 600 !important;
			text-align: center !important;
			text-transform: uppercase;
			/* color:white !important;
		    background-color: #24576A; */
			padding: 10px;
		}
	</style>
@endpush

    <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() }}">{{__('lang.back')}}</a>
            </div>

			@include('admin.partials.breadcrumbs')

            <!-- 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') ( {{$lease_receipt_voucher->voucher_no}} )   @endif
                                <span style="float: right" id = "customer_name_and_unit_no"></span>
                            </h2>
                            <br>
                            @if($is_multi_receipt)
                                <h2 class = "multi_receipt_heading">
                                    {{ __('lang.multi_receipt') }}
                                </h2>
                            @endif
                            <div class="body">
                                <form class="form" id="form_validation" method="post" action="{{ $form_action }}" enctype="multipart/form-data"> 
									@csrf

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

                                    <div class="row clearfix " id='voucher_type_div'>
                                        <div class="@if(!empty($type)) readOnlyField @endif ">
                                            @include('admin.leasing.lease_receipt_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.lease_receipt_voucher.partials.basic_data')
                                        </div>
                                                                
                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-center">
                                            @include('admin.leasing.lease_receipt_voucher.partials.image_upload',['voucher_attachments'=>$voucher_attachments])
                                        </div>

                                    </div>

                                    <div class="general_data" style="display: none">
                                        @include('admin.leasing.lease_receipt_voucher.partials.general')
                                    </div>
        
                                    <div class="lease_data" style="display: none">
                                        @include('admin.leasing.lease_receipt_voucher.partials.lease')
                                    </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_receipt_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_receipt_amount'> 0 </span></div>
                                                       <input readonly value="0" name="receipt_total_amount" type="hidden">
                                                 </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">
                                                <button type="submit" class="btn btn-primary m-t-15 waves-effect">{{$submit_button_text}}
                                                </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' => $lease_receipt_voucher->id, 'office' => 1]) }}"
                                                                target="_blank">{{__('lang.office_copy')}}</a></li>
                                                        <li><a href="{{ route($parentRouteName . '.pdf', ['id' => $lease_receipt_voucher->id, 'client' => 1]) }}"
                                                                target="_blank">{{__('lang.client_copy')}}</a></li>
                                                        <li><a href="{{ route($parentRouteName . '.pdf', ['id' => $lease_receipt_voucher->id, 'office' => 1, 'client' => 1]) }}"
                                                                target="_blank">{{__('lang.office_client_copy')}}</a></li>
                                                    </ul>
                                                </span>

												@endif

                                                <a class="btn m-t-15 btn-default waves-effect" href="{{ url()->previous() }}">{{__('lang.back')}}</a>
                                            </div>
                                        </div>
									</div>
                                
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
                <!-- #END# Inline Layout | With Floating Label -->
            </div>
        </div>
    </section>

@stop

@push('include-css')

    <link href="{{ loadAsset('asset/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css') }}" rel="stylesheet"/>    
@endpush

@push('include-js')

    <script src="{{ loadScriptFromServer('asset/js/custom/leasing/lease_receipt_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
    </script>
    <script>
        let receipt_data            = @json($lease_receipt_voucher);
        let lease_id                = "{{ $lease_id }}";
        let action                  = "{{ $action }}";
        let is_multi_receipt        = "{{ $is_multi_receipt }}";
        let schedule_ids            = @json($schedule_ids ?? []);
        let get_branch_lease_ajax   = "{{ route('leasing.get_branch_leases') }}";
        let get_lease_schedule_ajax = "{{ route('leasing.get_leaseSchedule_data') }}";
        let get_accounts_ajax       = "{{ route('actual_received.mode.change') }}";
    </script>
@endpush