@extends('layouts.dashboardlayout')

@section('content')

<div class="container">
       <hr class="my-3 bg-transparent border-0">
	 
@php
    $y_status = $checkYotiUsers->yoti_status ?? null;
    $d_status = $checkYotiUsers->yoti_text_data ?? null;
    $f_status = $checkYotiUsers->yoti_face ?? null;
@endphp

            

<div class="row">
	<div class="col-md-12">
		@if(!empty($checkYotiUsers))			
				@if($checkYotiUsers->yoti_text_data != "APPROVE" && $checkYotiUsers->yoti_face != "APPROVE")
					<div role="alert" class="alert alert-warning text-center">
						<h6>
							<i aria-hidden="true" class="icon-info-circle mr-2"></i>  
							<span>{{ optionByKey('att_age_verify') }}</span>
						</h6>
					
						<div class="col px-0 ml-2">
							<h5 class="small">
								{{ optionByKey('verify_age_features') }}
								<br>
							</h5>
						</div>
					</div>
				@elseif($checkYotiUsers->yoti_text_data == "APPROVE" && $checkYotiUsers->yoti_face != "APPROVE")
					<div role="alert" class="alert alert-warning text-center">
						 <h6>
							<i aria-hidden="true" class="icon-info-circle mr-2"></i> 
							 <span>{{ optionByKey('att_age_verify') }}</span>
						</h6>
						
						<div class="col px-0 ml-2">
							<h5 class="small">
								{{ optionByKey('verify_age_features') }}
								<br>
							</h5>
						</div>
					</div>
				@elseif($checkYotiUsers->yoti_text_data != "APPROVE" && $checkYotiUsers->yoti_face == "APPROVE")
					<div role="alert" class="alert alert-warning text-center">
						<h6>
							<i aria-hidden="true" class="icon-info-circle mr-2"></i>   
							<span>{{ optionByKey('att_age_verify') }}</span>
						</h6>
						
						<div class="col px-0 ml-2">
							<h5 class="small">
								{{ optionByKey('verify_age_features') }}
								<br>
							</h5>
						</div>
					</div>
				 @endif
			
			 @else
				<div role="alert" class="alert alert-warning text-center">
					<h6>
						<i aria-hidden="true" class="icon-info-circle mr-2"></i> 
						 <span>{{ optionByKey('att_age_verify') }}</span>
					</h6>
				
					<div class="col px-0 ml-2">
						<h5 class="small">
							{{ optionByKey('verify_age_features') }}
							<br>
						</h5>
					</div>
				</div>			
			@endif
	</div>



@if(empty($y_status) || $y_status =='ONGOING')
	
	<div class="col-md-12 my-4">
			<div class="personal">
				<h6 class="text-uppercase"><strong>{{optionByKey('email_top_content')}}</strong></h6>
				<p><i>{{ Auth::user()->email }}</i></p>
			</div> 
		</div>

		@if(!empty(Auth::user()->cust_id))
			<div class="col-md-12 pb-3">
				<div class="customerid">
					<small>{{ optionByKey('cust_code') }}:</small><br>
					<a href="#" data-bs-toggle="modal" data-bs-target="#customerCodeIdModal">{{ Auth::user()->cust_id }}</a>
				</div>   
			</div>
		@endif	
	@endif
</div>

					

<div class="row">

<div class="col-md-5 order-md-2">

<form method="get" action="/c/yoti/initialize_verification/">
@csrf

@if($y_status == "COMPLETED" && $d_status == "APPROVE" && $f_status == "APPROVE")
	<div class="card dashboard id-verification-success-msg mb-4">
		<div class="card-content">
			<div class="card-body h-auto">
				<div class="media d-flex">
					<div class="media-body">
						<div class="h6 fw-bold text-dark">
							{{ Auth::user()->email }}
						</div>
					
						<div class="verifsignmsg fw-bold sucess alert alert-success text-uppercase text-sm p-2 mb-1 d-inline-flex border-0">
							<span class="icon-check_circle me-2 fs-5"></span>
							{!! optionByKey('approve_approve') !!}
						</div>
					
						@if(!empty(Auth::user()->cust_id))
							<div class="col-md-12 pb-3">
								<div class="customerid">
									<small>{{ optionByKey('cust_code') }}:</small><br>
									<a href="#" data-bs-toggle="modal" data-bs-target="#customerCodeIdModal">{{ Auth::user()->cust_id }}</a>
								</div>   
							</div>
						@endif	                   
					</div>
				</div>
			</div>
		</div>
	</div>
@else
	
<div class="card dashboard id-verification mb-4">
<div class="card-content">
<div class="card-body">
<div class="media d-flex text-center">
<div class="media-body">
	<h5 class="card-title pb-0 mb-1 d-flex  justify-content-center">
		<i aria-hidden="true" class="icon-address-card me-2"></i>{{optionByKey('check_your_age')}}
	</h5>
	<div class="row small g-0 mt-3">
		<div class="col">
			<a href="/" target="_blank">
				<i aria-hidden="true" class="icon-info-circle me-1"></i> <b>{{optionByKey('yoti_how_it_work')}}
				</b>
			</a>
		</div>
		<div class="col">
			<a href="/" target="_blank">
				<i aria-hidden="true" class="icon-info-circle me-1"></i> <b>{{optionByKey('yoti_any_question')}}
				</b>
			</a>
		</div>
	</div>

@if($checkYotiUsers)
    @if($y_status == "COMPLETED" && $d_status == "NOT_AVAILABLE" && $f_status == "NOT_AVAILABLE")
        {!! optionByKey('not_available') !!}
    @elseif($y_status == "COMPLETED" && $d_status == "NOT_AVAILABLE" && $f_status == "REJECT")
        {!! optionByKey('not_available_reject') !!}
    @elseif($y_status == "COMPLETED" && $d_status == "NOT_AVAILABLE" && $f_status == "APPROVE")
        {!! optionByKey('not_available_approve') !!}
    @elseif($y_status == "COMPLETED" && $d_status == "APPROVE" && $f_status == "NOT_AVAILABLE")
        {!! optionByKey('approve_not_available') !!}
    @elseif($y_status == "COMPLETED" && $d_status == "APPROVE" && $f_status == "REJECT")
        {!! optionByKey('approve_reject') !!}
    @elseif($y_status == "ONGOING")
        {!! optionByKey('status_ongoing') !!}
    @else
        {!! optionByKey('no_any_status') !!}
    @endif
@else
    {!! optionByKey('no_any_status') !!}
@endif

</div>

</div>

</div>

</div>

</div>
@endif	

</form>

</div>

                <div class="col-md-7 order-md-0">

                    <div class="row">

                        <div class="col-md-6 col-sm-12">
                            <div class="card dashboard mb-4">
                                <div class="card-content">
                                    <div class="card-body">
                                        <div class="media d-flex">
                                            <div class="media-body">
                                                <h5 class="card-title oklute-text">
                                                    <a href="{{ url('c/account/ads') }}/" class="fw-bold w-100 d-flex align-items-center justify-content-between">

                                                        <span class="d-flex align-items-center">
                                                        <i class="float-start me-2 icon-television"></i>

                                                        {{ optionByKey('ads_menu') }}

                                                        </span>

                                                        <i aria-hidden="true" class=" icon-icon-arrow_forward_ios float-end"></i>

                                                    </a>
                                                </h5>

                                                <ul class="list-group">
                                                    <li class="list-group-item d-flex justify-content-between align-items-center">

                                                       {{ optionByKey('active_tab') }}

                                                        <span class="badge badge-light badge-pill">{{$profiles}}</span>

                                                    </li>

                                                    <li class="list-group-item d-flex justify-content-between align-items-center">

                                                       {{ optionByKey('not_published_tab') }}

                                                        <span class="badge badge-light badge-pill">{{$notpublishprofiles}}</span>

                                                    </li>

                                                </ul>                                                

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6 col-sm-12">
                            <div class="card dashboard mb-4">
                                <div class="card-content">
                                    <div class="card-body">
                                        <div class="media d-flex">
                                            <div class="media-body">
                                                <h5 class="card-title oklute-text">
                                                    <a href="{{ url('c/account/coins') }}/" class="fw-bold w-100 d-flex align-items-center justify-content-between">

                                                        <span class="d-flex align-items-center">
                                                            <i class="float-start icon-database me-2"></i>

                                                           {{ optionByKey('coin_menu') }}

                                                        </span>
                                                        <i aria-hidden="true" class=" icon-icon-arrow_forward_ios float-end"></i>

                                                    </a>
                                                </h5>

                                                <ul class="list-group mb-3">
                                                    <li class="list-group-item d-flex justify-content-between align-items-center">

                                                        {{ optionByKey('current_coins') }}

                                                        <span class="badge badge-light badge-pill">{{$availableCoin}}</span>

                                                    </li>
                                                    <li class="list-group-item d-flex justify-content-between align-items-center">

                                                       {{ optionByKey('used_coins') }}

                                                        <span class="badge badge-light badge-pill">{{$usedCoin}}</span>

                                                    </li>
                                                </ul>
                                                

                                                <a data-href="{{url('c/account/coins')}}/">
                                                    <button type="button" class="btn btn-primary btn-block w-100 m-0">

                                                       {{ optionByKey('buy_coins') }}

                                                    </button>

                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        
                        <div class="col-md-6 col-sm-12">
                            <div class="card dashboard mb-4">
                                <div class="card-content">
                                    <div class="card-body">
                                        <div class="media d-flex">
                                            <div class="media-body">
                                                <h5 class="card-title oklute-text">
                                                    <a href="#" class="disabled fw-bold w-100 d-flex align-items-center justify-content-between">
                                                        <span class="d-flex align-items-center">

                                                            <span class="me-2  icon-price-tag-discount-svgrepo-com"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></span>                    

                                                             {{ optionByKey('cupons_menu') }}

                                                        </span>
                                                        <i aria-hidden="true" class=" icon-icon-arrow_forward_ios float-end"></i>
                                                    </a>
                                                </h5>
                                                <p>{{ optionByKey('gerencie_cupons') }}</p>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6 col-sm-12">
                            <div class="card dashboard mb-4">
                                <div class="card-content">
                                    <div class="card-body">
                                        <div class="media d-flex">
                                            <div class="media-body">
                                                <h5 class="card-title oklute-text">

                                                    <a href="{{ url('c/account/edit-profile') }}/" class="fw-bold w-100 d-flex align-items-center justify-content-between">

                                                        <span class="d-flex align-items-center">

                                                            <i class="me-2 icon-edit"></i>

                                                           {{ optionByKey('editprofile') }}

                                                        </span>

                                                        <i aria-hidden="true" class="icon-icon-arrow_forward_ios"></i>

                                                    </a>
                                                </h5>
                                                <p>{{ optionByKey('edit_bottom_content') }}</p>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="col-md-6 col-sm-12">
                            <div class="card dashboard mb-4">
                                <div class="card-content">
                                    <div class="card-body">
                                        <div class="media d-flex">
                                            <div class="media-body">
                                                <h5 class="card-title oklute-text d-flex align-items-center justify-content-between">
                                                        <span class="d-flex align-items-center fw-bold">
                                                            <i class="me-2 icon-megaphone"></i>
                                                            {{optionByKey('newsletter_heding')}}
                                                        </span>
                                                        <i aria-hidden="true" class="icon-icon-arrow_forward_ios"></i>
                                                </h5>
													{!!optionByKey('newsletter_top_content')!!}
                                                <div class="col-md-12 mb-3">
                                                    <div class="row">
                                                        <div class="col-md-12 mb-2">
                                                            <label for="adv_accept" class="switch switch-left-right">
                                                                <input id="adv_accept" type="checkbox" name="adv_accept" class="switch-input form-control" data-id="{{ Auth::user()->id }}"     {{ Auth::user()->news_accept == 1 ? 'checked' : ''; }} >

                                                                <span data-on="{{optionByKey('yes_btn')}}" data-off="{{optionByKey('no_btn')}}" class="switch-label"></span>
                                                                <span class="switch-handle"></span>
                                                            </label>
                                                        </div>
                                                        <div class="col-md-12">
															{!!optionByKey('newsletter_bottom_content')!!}
                                                            
                                                        </div>        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6 col-sm-12 pt-4">
                            <div class="alert alert-tips-detail text-center mb-0 detail">
                                <div class="img-tips"></div>
                                <div id="carousel-f53435435" class="carousel slide" data-bs-ride="carousel">
                                    <div class="carousel-inner">

                                    @foreach(DashboardSliderBottom() as $key=>$notifaction)			

										<div class="carousel-item <br />
<b>Warning</b>:  Undefined variable $key in <b>/home/sdukoin/public_html/resources/views/users/dashboard.blade.php</b> on line <b>441</b><br />
active">

											{{$notifaction->name}}

										</div>

									@endforeach	

                                    </div>
                                </div>
                                <div class="pt-3">
                                    <a href="https://support.sduko.com/hc/en-150/" target="_blank">

                                        <h5> {{ optionByKey('more_info_at') }}
                                            
                                            <span aria-hidden="true" class="icon-help-icon"></span>

                                        </h5>
                                    </a>
                                </div>                               

                            </div>
                        </div>
                    </div>
					
					
                </div>
				
				
            </div>
			<div class="row">
				<div class="col-md-12 mt-5">
		
					@include('includes.need_help')   
				
				</div>
			</div>
        </div>

	
		
@if(!empty(Auth::user()->cust_id))
	<div class="modal fade" id="customerCodeIdModal" tabindex="-1" aria-labelledby="customerCodeIdModalLabel" aria-hidden="true">
        <div class="modal-dialog">		
		  {!! str_replace('{cust_id}',Auth::user()->cust_id,optionByKey('customer_code_popup')) !!}
		</div>
    </div> 
@endif
	
@if(empty($y_status) || $y_status =='ONGOING')
<!-- Verifyidentitymodal -->
<form method="get" action="/c/yoti/initialize_verification/">
 @csrf
	<div class="modal fade" id="verifyIdentityModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="verifyIdentityModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				{!! optionByKey('yoti_verify_identity') !!}
			</div>			
		</div>
	</div>
</form>
<!-- Verifyidentitymodal -->
@endif

@endsection


@push('scripts')
<script>
	$(document).ready(function(){
		$('#customerIdModal').click(function(){
			$("#customerAlertModal").css("display", "flex");
			$('body').addClass('modal-open');
		});

		$('#customerAlertModal .close').on('click', function () {
			$("#customerAlertModal").css("display", "none");
			$('body').removeClass('modal-open');
		});

		$('#customerAlertModal .btn').on('click', function () {
			$("#customerAlertModal").css("display", "none");
			$('body').removeClass('modal-open');
		});

	});

	document.addEventListener('DOMContentLoaded', function () {
		document.getElementById('adv_accept').addEventListener('change', function () {
			let isChecked = this.checked ? 1 : 0;
			let userId = this.getAttribute('data-id');
			fetch('/toggleadvaccept', {
				method: 'POST',
				headers: {
					'Content-Type': 'application/json',
					'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
				},
				body: JSON.stringify({
					id: userId,
					advaccept: isChecked
				})
			})
			.then(response => response.json())
			.then(data => {
				//alert(data.message); // optional
			})
			.catch(error => {
				console.error('Error:', error);
			});
		});
		
		$('#verifyIdentityModal').modal('show');
		
	});

</script>


@endpush