@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.'.store',['id'=> $customer->id]);
		$createItemName         = __('lang.edit') ." " . $moduleName;
		$breadcrumbCurrentName  = __('lang.edit');
		$submit_button_text     =  __('lang.update');

	}

	$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')

    <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  }} 
                            </h2>
                        </div>
                        <div class="body">
                            <!-- Nav tabs -->
                            <ul class="nav nav-tabs custom_style_tab" role="tablist" style="display:none">
                                <li role="presentation" class="active">
                                    <a href="#info_pane" data-toggle="tab" aria-expanded="true">
                                        <i class="material-icons">info</i> {{  __('lang.info_caps') }}
                                    </a>
                                </li>
                            </ul>

                            <!-- Tab panes -->
                            <div class="tab-content" style="min-height: 120px;">

                                <div role="tabpanel" class="tab-pane fade active in" id="info_pane">
                                    <div class="row clearfix m-t-15">
                                        <div class="body" style="margin: 20px">
                                            <form class="form" id="form_validation" method="post" action="{{ $form_action }}">
                                                @csrf
                                                
                                                <div class="row clearfix">
                                                   
                                                    @include('layouts.components.input_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'name',
                                                        'label' 		=> __('lang.customer_name'),
                                                        'value'         => $customer->name,
                                                        'required'      => 'required-field',
                                                    ])

                                                    @include('layouts.components.input_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'father_or_husband_name',
                                                        'label' 		=> __('lang.father_or_husband_name'),
                                                        'value'         => $customer->father_or_husband_name,
                                                        'required'      => 'required-field',
                                                    ])

                                                    @include('layouts.components.input_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'nid',
                                                        'label' 		=> __('lang.customer_id'),
                                                        'value'         => $customer->nid,
                                                        'class'         => 'nid_mask',
                                                        'required'      => 'required-field',
                                                    ])

                                                    @include('layouts.components.input_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'email',
                                                        'label' 		=> __('lang.email'),
                                                        'value'         => $customer->email,
                                                    ])
                                                    
                                                    @include('layouts.components.date_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'dob',
                                                        'label' 		=> __('lang.date_of_birth'),
                                                        'value'         => $customer->dob,
                                                        'id'            => 'bs_datepicker_container',
                                                        'readonly'      => 'true'
                                                    ])

                                                    @include('layouts.components.input_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'phone',
                                                        'label' 		=> __('lang.personal_mobile_no'),
                                                        'value'         => $customer->phone,
                                                        'class'         => 'phone_mask'
                                                    ])

                                                    @include('layouts.components.input_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'residential_phone',
                                                        'label' 		=> __('lang.residential_phone'),
                                                        'value'         => $customer->residential_phone,
                                                        'class'         => 'phone_mask'
                                                    ])

                                                    @include('layouts.components.input_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'office_phone',
                                                        'label' 		=> __('lang.office_phone'),
                                                        'value'         => $customer->office_phone,
                                                        'class'         => 'phone_mask'
                                                    ])

                                                    @include('layouts.components.input_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'overseas_phone',
                                                        'label' 		=> __('lang.overseas_phone'),
                                                        'value'         => $customer->overseas_phone,
                                                        'class'         => 'overseas_phone_mask'
                                                    ])

                                                    @include('layouts.components.input_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'mailing_address',
                                                        'label' 		=> __('lang.mailing_address'),
                                                        'value'         => $customer->mailing_address,
                                                    ])

                                                    @include('layouts.components.input_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'home_address',
                                                        'label' 		=> __('lang.residential_address'),
                                                        'value'         => $customer->home_address,
                                                    ])

                                                    @include('layouts.components.input_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'office_address',
                                                        'label' 		=> __('lang.office_address'),
                                                        'value'         => $customer->office_address,
                                                    ])

                                                    @include('layouts.components.input_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'passport',
                                                        'label' 		=> __('lang.passport'),
                                                        'value'         => $customer->passport,
                                                    ])

                                                    @include('layouts.components.input_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'occupation',
                                                        'label' 		=> __('lang.occupation'),
                                                        'value'         => $customer->occupation,
                                                    ])

                                                    @include('layouts.components.input_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'nationality',
                                                        'label' 		=> __('lang.nationality'),
                                                        'value'         => $customer->nationality,
                                                    ])

                                                    @include('layouts.components.input_field',
                                                    [
                                                        'col'   		=> 6,
                                                        'name'  		=> 'overseas_location',
                                                        'label' 		=> __('lang.overseas_location'),
                                                        'value'         => $customer->overseas_location,
                                                    ])
                                                    
                                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                        <div class="form-group form-float">
                                                            <div class="">
                                                                <label class= "form-label">{{  __('lang.marital_status') }}</label>

                                                                <input name="martial_status" type="radio" id="martial_yes" value="1" @if ($customer->marital_status == '1') checked @endif>
                                                                <label style="padding: 0 25px;" for="martial_yes">{{  __('lang.single') }}</label>
                                                                <input name="martial_status" type="radio" id="martial_no" value="0" @if ($customer->marital_status == '0') checked @endif>
                                                                <label style="padding: 0 25px;" for="martial_no">{{  __('lang.married') }}</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                               
                                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                        <div class="form-group form-float">
                                                            <div class="">
                                                                <label class= "form-label">{{  __('lang.gender') }}</label>

                                                                <input name="gender" value="Male" type="radio" id="male" {{ $customer->gender == 'Male' ? 'checked' : '' }}>
                                                                <label style="padding: 0 25px;" for="male">{{  __('lang.male') }}</label>
                                                                <input name="gender" value="Female" type="radio" id="female" {{ $customer->gender == 'Female' ? 'checked' : '' }}>
                                                                <label style="padding: 0 25px;" for="female">{{  __('lang.female') }}</label>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>

                                                <div class = "row" >
                                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                        <div class="form-group form-float">
                                                            <div>

                                                                @php

                                                                    $source="";

                                                                    if(!empty($customer->profile))
                                                                    {
                                                                        $source = '/upload/customers/profile/' . $customer->profile; 
                                                                    }

                                                                    if (!empty($source) && file_exists(public_path($source))) {
                                                                        $profile_src= asset($source);
                                                                    } else {
                                                                        $profile_src= asset("/asset/images/fall back.jpeg");
                                                                    }
                                                                @endphp

                                                                {{-- CROPPER START --}}
                                                                @include('includes.cropper',['input_field'=>'image_input','output_field'=>'image_output','preview_field'=>'image_preview' ,'image_type'=>'profile'])
                                                                {{-- CROPPER END --}}

                                                                <input name="image_input" type="file" id="profile"  style="display: none"/>
                                                                <input name="image_output" style="display: none">
                                                                <img src="{{ $profile_src }}" name="image_preview"  style="width:200px; min-height:250px" />
                                                                        
                                                            </div>
                                                            <br>
                                                            <div>
                                                                <p class='profile_image_description'>{{  __('lang.the_image_size_should_be_less_than_1_mb') }}<br>{{  __('lang.and_its_extension_must_be_jpg_png_or_jpeg') }}</p>
                                                            </div>

                                                            <div id="webcam_div" style="display:none">
                                                                <div id="my_camera"></div>
                                                                <input class="btn btn-primary m-t-15 waves-effect"   type="button" value="Take Snapshot"    onClick="take_snapshot()">
                                                                <input class="btn btn-danger m-t-15 waves-effect" type="button" value="Close Webcam" onClick="close_webcam()">
                                                            </div>

                                                            <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> --}}
                                                            @if(!empty($customer->profile))
                                                                <input type="button" value="Remove File" onclick="remove_profile({{$item->id }})" class="btn btn-danger waves-effect m-t-15" id="removeLogo">
                                                            @endif
                                                        </div>
                                                    </div>

                                                    <hr>

                                                    <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"> {{  __('lang.update') }} </button>
                                                            <a class="btn m-t-15 btn-default waves-effect" href="{{ url()->previous() }}">{{  __('lang.back') }}</a>
                                                        </div>
                                                    </div>

                                                </div>
                                            </form>

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

@endpush