@extends('layouts.app')

@section('content')

<!-- Datepicker -->
<link rel="stylesheet" type="text/css" href="{{ URL::to('/') }}/ex_plugins/bootstrap-datetimepicker/dist/css/bootstrap-datepicker3.min.css">
<!-- <link rel="stylesheet" type="text/css" href="{{-- URL::to('/') --}}/ex_plugins/bootstrap-datetimepicker/dist/css/bootstrap-datepicker.min.css"> -->
<script src="{{ URL::to('/') }}/ex_plugins/bootstrap-datetimepicker/dist/js/bootstrap-datepicker.min.js" type='text/javascript'></script>

<div id="loading"  style="display:none;">
    <div id="image-loader">
        <img  src="{{ url('img/loading.gif')}}" alt="Loading..." />
    </div>
</div>

<div class="row justify-content-center row-margin">
	<div class="col-md-12">
		<div class="page page-md">
			<div class="header-box py-5">
			</div>
			<div class="content-box bg-white">
				<h3 class="section-title">{{ __('message_lang.VERIFY_YOUR_PROFILE') }}</h3>
				<p>{{ __('message_lang.UPLOAD_GOVERMENT_DOCUMENT') }}</p>
				<form name="frm_verification_doc" id="frm_verification_doc" method="post" action="{{ route('verification-post') }}" enctype="multipart/form-data">
					@csrf

					<div class="form-group">
                        <label for="government_id_type_id">{{ __('message_lang.LBL_GOVERMENT_ID_TYPE') }} <span style="color:red;">*</span></label>
                        <select class="form-control @error('government_id_type_id') is-invalid @enderror custom-field" name="government_id_type_id" id="government_id_type_id" autocomplete="government_id_type_id">
                            <option value="" @if(old('government_id_type_id') == "") selected @endif>{{ __('Select Government ID Type') }}</option>
                                                    </select>
                        @error('government_id_type_id')
                            <span class="invalid-feedback" style="display: block;" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="government_id_number">{{ __('message_lang.LBL_GOVERMENT_ID_NUMBER') }} <span style="color:red;">*</span></label>
                        <input class="form-control @error('government_id_number') is-invalid @enderror custom-field" id="government_id_number" type="text" value="{{ old('government_id_number', @$user_government_id_info->government_id_number) }}" name="government_id_number" placeholder="{{ __('message_lang.LBL_GOVERMENT_ID_NUMBER') }}">
                        @error('government_id_number')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>

                    <!-- <div class="form-group">
                        <label for="issuing_country">{{ __('message_lang.LBL_ISSUING_COUNTRY') }}</label> -->

                                                        <!-- <select id="issuing_country"
                                    data-flags="true"
                                    class="form-control bfh-countries @error('issuing_country') is-invalid @enderror custom-field"
                                    name="issuing_country"
                                    data-placeholder="{{-- __('message_lang.LBL_ISSUING_COUNTRY') --}}"
                                    data-country="{{-- old('issuing_country', @$user_government_id_info->issuing_country) --}}">
                                </select> -->
                                                        <!-- <select id="issuing_country"
                                    data-flags="true"
                                    class="form-control bfh-countries @error('issuing_country') is-invalid @enderror custom-field"
                                    name="issuing_country"
                                    data-placeholder="{{-- __('message_lang.LBL_ISSUING_COUNTRY') --}}"
                                    data-country="{{-- old('issuing_country', 'US') --}}">
                                </select> -->
                        
                        <!-- @error('issuing_country')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{-- $message --}}</strong>
                            </span>
                        @enderror -->
                    <!-- </div> -->

                    <!-- <div class="form-group">
                        <label for="issue_date">{{-- __('message_lang.LBL_ISSUING_DATE') --}}</label>
                        <input class="form-control @error('issue_date') is-invalid @enderror custom-field" id="issue_date" type="text" value="{{-- old('issue_date', @$user_government_id_info->issue_date) --}}" name="issue_date" placeholder="{{-- __('message_lang.LBL_ISSUING_DATE') --}}">
                        @error('issue_date')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{-- $message --}}</strong>
                            </span>
                        @enderror
                    </div> -->

                    <div class="form-group">
                        <label for="expiry_date">{{ __('message_lang.LBL_EXPIRY_DATE') }} <span style="color:red;">*</span></label>
                        <input class="form-control @error('expiry_date') is-invalid @enderror custom-field" id="expiry_date" type="text" value="{{ old('expiry_date', @$user_government_id_info->expiry_date) }}" name="expiry_date" placeholder="{{ __('message_lang.LBL_EXPIRY_DATE') }}">
                        @error('expiry_date')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>

				    <p>{{ __('message_lang.UPLOAD_GOVERMENT_DOCUMENT') }}</p>

					<div class="form-group">
						<label for="verification_doc">{{ __('message_lang.SELECT_DOCUMENT_TO_UPLOAD') }} <span style="color:red;">*</span></label>
						<div class="custom-file">
                            @if(isset($user_government_id_info) && $user_government_id_info->id_file_storage_location != '')
                                <input class="custom-file-input" id="verification_doc" name="verification_doc" type="file" onchange="readURLDoc(this);">
                                <label class="custom-file-label" for="verification_doc">{{ __('message_lang.CHOOSE_FILE') }}</label>
                                <input type="hidden" name="is_file_exist" value=1>
                            @else
                                <input class="custom-file-input" id="verification_doc" name="verification_doc" type="file" onchange="readURLDoc(this);">
                                <label class="custom-file-label" for="verification_doc">{{ __('message_lang.CHOOSE_FILE') }}</label>
                            @endif

						</div>
                        <small class="form-text text-muted">{{ __('message_lang.VERIFICATION_JPG_PNG_MAX_FILE_SIZE') }}</small>
                        <input type="hidden" name="hdn_verification_doc" id="hdn_verification_doc" value="@if(isset($user_government_id_info) && $user_government_id_info->id_file_storage_location != ''){{$user_government_id_info->id_file_storage_location}}@endif">
                        <span class="invalid-verification-doc" style="display: block;" role="alert"></span>

						@error('verification_doc')
                            <span class="invalid-feedback" style="display: block;" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror

                        <div class="row">
                        	<div class="col-md-6">
                        		@if(isset($user_government_id_info) && $user_government_id_info->id_file_storage_location == '')
		                            <strong>{{ __('message_lang.NO_VERIFICATION_DOCUMENT_ATTACHED') }}</strong>
		                        @endif
                        	</div>
                        	<div class="col-md-12 text-center">
                                @if(isset($user_government_id_info) && $user_government_id_info->id_file_storage_location != '')
                                    @if(substr($user_government_id_info->id_file_storage_location, 0, 4) == "http")
                                        <img id="profile_doc_preview" width="300px" src="{{ $user_government_id_info->id_file_storage_location }}" alt="Preview Image" />
                                    @else