@extends('layouts.app')

{{-- Important Variables --}}



@section('title')
{{ $moduleName }}->{{ $createItemName }}
@stop
@section('top-bar')
@include('includes.top-bar')
@stop
@section('left-sidebar')
@include('includes.maintenance-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') ({{$receipt->receipt_no }}) @endif

                            <span style="float: right" id='customer_name'> @if($action=='edit') {{ $receipt->owner->name }} @endif</span>
                        </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='bill_type_div'>
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="form-group form-float">
                                            <span style="margin-left:3rem;margin-right:3rem;">
                                                <b>{{ __('lang.bill_type') }}</b>
                                            </span>

                                            <input value="general" name="bill_type" type="radio" id="general" class="with-gap radio-col-cyan" checked/>
                                            <label for="general" style="padding:0px 36px">{{ __('lang.general') }}</label>
                                            
                                            <input value="owner_bill" name="bill_type" type="radio" id="owner_bill" class="with-gap radio-col-cyan"/>
                                            <label for="owner_bill" style="padding:0px 36px">{{ __('lang.maintenance_bill') }}</label>
        
                                            <input value="electricity_bill" name="bill_type" type="radio" id="electricity_bill" class="with-gap radio-col-cyan" />
                                            <label for="electricity_bill" style="padding:0px 36px">{{ __('lang.electricity_bill') }}</label>

                                            <input value="water_bill" name="bill_type" type="radio" id="water_bill" class="with-gap radio-col-cyan" />
                                            <label for="water_bill" style="padding:0px 36px">{{ __('lang.water_bill') }}</label>
                                        </div>
                                    </div>
                                </div>
                           
                         
                                {{-- <div class="row clearfix"> --}}
                                <div class="row">

                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">

                                        <div class="col-lg-12 col-md-12 col-sm-24 col-xs-24" id="branch-select">
                                            <div class="form-group form-float ">
                                                <div class="form-line ">
                                                    <select data-size="7" data-live-search="true" class="form-control show-tick" name="branch_id" >
                                                        <option value="0">{{ __('lang.select_project') }}</option>
                                                        @foreach (App\Models\Branch::userProjects()->facility()->get() as $branch)
                                                            <option  value="{{ $branch->id }}">{{ $branch->name }} </option>
                                                        @endforeach
                                                    </select>
                                                    <label class="form-label">{{ __('lang.project') }}</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-12 col-md-12 col-sm-24 col-xs-24" id="product-select">
                                            <div class="form-group form-float ">
                                                <div class="form-line ">
                                                    <select data-size="7" data-live-search="true" class="form-control show-tick" name="mnt_product_id" >
                                                        <option value="0">{{ __('lang.select_product_unit') }}</option>
                                                        {{-- @foreach (App\Models\Product::facility()->get() as $product)
                                                            <option  value="{{ $product->id }}">{{ $product->product_unique_id }} </option>
                                                        @endforeach --}}
                                                    </select>
                                                    <label class="form-label">{{ __('lang.product_unit') }}</label>
                                                </div>
                                            </div>
                                        </div>


                                        <div class=" mode_of_payment" id="mode_of_payment">
                                            @include('admin.partials.bank',[
                                                'data'=>[
                                                    'made_of_payment'   =>$receipt->mode_of_payment ?? null,
                                                    'bank_id'           =>$receipt->income_expense_head_id ?? null,
                                                ]])
                                        </div>

                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" id="instrument_no" >
                                            <div class="form-group form-float">
                                                <div class="form-line focused">
                                                    <input value="" name="cheque_no" id="cheque_no" type="text" class="form-control">
                                                    <label class="form-label" id="instrument_label">{{ __('lang.instrument_no') }}</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" id="instrument_date">
                                            <div class="form-group form-float">
                                                <div class="form-line focused" id="bs_datepicker_container">
                                                    <input value="" name="cheque_date" type="text" class="form-control">
                                                    <label class="form-label">{{ __('lang.instrument_date') }}</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-12 col-md-12 col-sm-6 col-xs-12 field_area">
                                            <div class="form-group form-float">
                                                <div class="form-line" id="bs_datepicker_container1">
                                                    @php 
                                                        $date_of_collection = Carbon\Carbon::now()->format('d/m/Y');
                                                    @endphp

                                                    <input autocomplete="off" value="{{ $date_of_collection }}"
                                                           name="receipt_date"
                                                           type="text"
                                                           readonly="true"
                                                           placeholder="Date of Collection"
                                                           class="form-control">

                                                    <label class="form-label">{{ __('lang.receipt_date') }}</label>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="instrument_no" >
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input value="{{ old('particulars', request()->get('message'))  }}" name="particulars" id="particulars" type="text" class="form-control">
                                                    <label class="form-label" id="particulars">{{ __('lang.particulars') }}</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            @include('admin.partials.reference',['voucher_reference' => $voucher_reference])
                                        </div>
                                    </div>
                                    
                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 text-center">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div>
                                                <div>
                                                    <label for="profile" id=""> 
                                                        <a href="#" id="preview" onclick="open_image_modal(this)" style="margin-top: 10px">
                                                            <img width='200' id="imagePreview" src='{{asset("/asset/images/placeholder.jpg")}}'>
                                                        </a>
                                                    </label>
                                                    <input name="attachment_slip" id="profile" type="file" class="form-control" accept="image/png , image/gif, image/jpg, image/jpeg" style="visibility: hidden; display: none;">
                                                    <label for="profile" id="upladImageLabel" style="display: none"> </label>
                                                </div>

                                                <div id="my_camera"></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_file') }}</label>
                                                <button class="btn btn-warning waves-effect m-t-15 webCame" type='button'>{{ __('lang.from_web_cam') }}</button>
                                                <input type="hidden" name="web_cam" class="image-tag">
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>

                                <div id="bills_div">
                                    {{-- PAYMENT START --}}
                                
                                    <div id="payment_div" style="display: none">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-24">
    
                                                <div class="header">
                                                    <h2>{{ __('lang.payment_details') }}</h2>
                                                </div>
    
    
                                                <div id='amt_detail' style="margin-top :3rem">
                                                </div>
    
                                            </div>
                                        </div>
    
                                        
                                        <div class="row">
                                            <div class="col-lg-11 col-md-11 col-sm-11 col-xs-22">
                                                <div class="row">
                                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6  pull-right">
                                                        <div class="form-group form-float">
                                                            <div class="form-line"> 
                                                                <input name="receipt_total_amount" type="number" class="form-control"  value="0" readonly>
                                                                <label class="form-label">{{ __('lang.total_bill') }} {{$transaction->systemSettingCurrency()}}</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
                                            </div>
                                        </div>
                                    </div>
                                    {{-- PAYMENT END --}}
    
                                    {{-- SURCHARGE START --}}
                                    <div id="surcharge_div" style="display: none">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-24">
    
                                                <div class="header">
                                                    <h2>{{ __('lang.surcharge_details') }}</h2>
                                                </div>
    
    
                                                <div id='surcharge_detail' style="margin-top :3rem">
                                                </div>
    
                                            </div>
                                        </div>
    
                                        
                                        <div class="row">
    
                                            <div class="col-lg-11 col-md-11 col-sm-11 col-xs-22">
                                                <div class="row">
                                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6  pull-right">
                                                        <div class="form-group form-float">
                                                            <div class="form-line"> 
                                                                <input name="receipt_total_surcharge" type="number" class="form-control"  value="0" readonly>
                                                                <label class="form-label">{{ __('lang.total_surcharge') }} {{$transaction->systemSettingCurrency()}}</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
        
                                            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
                                            </div>
                                        </div>
    
                                    </div>
                                    {{-- SURCHARGE END --}}
                                </div>                                

                                <div id="general_div" style="display: none">
                                    @include('admin.maintenance.receipt.partial.general_data')
                                </div>

                                <hr>

                                <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"><span class='total_receipt_amount'>0</span></div>
                                                   <input name="receipt_amount" type="hidden" class="form-control"  value="0" readonly>
                                             </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>
                                            <a class="btn m-t-15 btn-default waves-effect"  href="{{ route($ParentRouteName) }}">{{__('lang.back')}}</a>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- #END# Inline Layout | With Floating Label -->
        </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/mnt_receipt.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

        var cash_head_route =   "{{ route('actual_received.mode.change') }}";
        var bills_route     =   "{{ route('maintenance.receipt.get_bills') }}";
        var products_route  =   "{{ route('maintenance.receipt.get_products') }}";
        let action          =   "{{ $action }}";
        let img_path        =   "{{ $img_path }}";
        var receipt_data    =   0; 
        let actionBills     =   0;
        let actionBillType  =   0;
        let ownerName       =  0;

        function open_image_modal(e){
            var image_src = $(e).find('img').attr('src');

            $('#imagepreview').attr('src',image_src);
            $('#download-btn').attr('href' , image_src);
            $('#imagemodal').modal('show'); 

        }
        
    </script>
@endpush