@extends('layouts.dashboardlayout')

@section('content')



    <div class="container">
        <hr class="my-3 bg-transparent border-0">
        <div class="row">
            <div class="col-md-12">
                <div role="alert" class="p-4 alert alert-warning rounded-14 d-flex align-items-center">
                    <div class="d-inline-flex me-2">
                        <i aria-hidden="true" class="ye-ow fs-4 icon-exclamation-triangle mr-2"></i> 
                    </div>
                    <div>
                        <h6 class="mb-0 text-black">					 
                            Attention: Age verification!
                        </h6>
                        <h5 class="small mb-0 text-muted">
                            Please verify your age to access the features of your private area. 								
                        </h5>
                    </div>
                </div>                   
            </div>
            <div class="col-md-12 text-center">
                <h1 class="main-title home">{{ optionByKey('editprofile') }}</h1>
            </div>
            <hr class="my-3 bg-transparent border-0">

            <div class="col-md-12 py-4 text-center">
                <h6><strong>{{ optionByKey('myaccount') }}</strong></h6>
                <p><strong>{{ optionByKey('email') }}:</strong><i> {{$email}} </i></p>
            </div>
            <hr class="my-2 bg-transparent border-0">

            @csrf
            <div class="col-md-12">
                <form method="get" action="/c/yoti/initialize_verification/">
                <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>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>How does it work?</b>
                                                    </a>
                                                </div>
                                                <div class="col">
                                                    <a href="/" target="_blank">
                                                        <i aria-hidden="true" class="icon-info-circle me-1"></i> <b>Any questions?</b>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="row g-0">
                                                <div class="col position-relative">
                                                    <div class="badger-right">
                                                        <span class="badge badge-new">new</span>
                                                    </div>
                                                    <div class="promo-id-verification mb-4 mt-4 position-relative">  
                                                        <div class="id-badge d-flex justify-content-center"></div>
                                                        <div class="px-4 flex pt-3">
                                                            <h5>
                                                                As sduko, we need to make sure everyone who posts is of legal age.
                                                                <br>
                                                                <strong>                         
                                                                Check your age now!

                                                                </strong>
                                                            </h5>
                                                            <span>
                                                            If you need help with the process, check out our


                                                                <a href="/" target="_blank">
                                                                    <strong>
                                                                    tutorial
                                                                    </strong>
                                                                </a>
                                                                or write to
                                                                <a href="mailto:support@sduko.in">support@sduko.in</a>
                                                            </span>
                                                            <br>
                                                            <span>We will get back to you soon!
                                                            </span>
                                                            <h5 class="mt-3">
                                                                <a data-bs-toggle="collapse" href="#collapseDashboard" role="button" aria-expanded="false" aria-bs-controls="collapseDashboard" class="collapsed"><i aria-hidden="true" class="icon-info-circle pe-1"></i>info </a>
                                                            </h5>
                                                            <div id="collapseDashboard" class="collapse">
                                                                <div>
                                                                    <strong>Your privacy is important.
                                                                    </strong><br>
                                                                    Documents uploaded to verify your age will be saved on Yoti systems, a secure platform specialized in identity verification.
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                </div>
                                            </div>
                                            <div class="row g-0">
                                                <button class="btn btn-primary btn-block w-100">
                                                Get started now
                                                  </button>
                                            </div>

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

            <hr class="my-2 bg-transparent border-0">

            <div class="col-md-12">
                <div class="card dashboard text-center mb-4 getemail" data-email="{{$email}}">
                    <div class="card-content">
                        <div class="card-body">
                            <div class="media d-flex">
                                <div class="media-body">
                                    <h6 class="card-title">
                                        <span class="icon-lock me-2"></span> {{ optionByKey('account_change_pass') }}
                                    </h6>
                                  
                                    <button type="button" data-bs-toggle="modal" data-bs-target="#changepw" id="change-pasword" class="btn btn-outline-primary">{{ optionByKey('account_change_pass') }}                                       

                                    </button>
                                    <p>{{ optionByKey('chapasbottomcontent') }}</p>
                                </div>
                            </div>
                        </div>
                    </div>                        
                </div>
                    
            </div>

            <hr class="my-2 bg-transparent border-0">

            <div class="col-md-12">
                <div class="card dashboard text-center mb-4">
                    <div class="card-content">
                        <div class="card-body">
                            <div class="media d-flex">
                                <div class="media-body">
                                    <h6 class="card-title">
                                    <span class="icon-envelope me-2"></span> {{ optionByKey('account_email_update') }}
                                    </h6>                                  
                                    <p>{{ optionByKey('add_newemail_bot_content') }}</p>
                                </div>
                            </div>
                            <form action="{{ url('c/account/emailadd') }}" method="post" id="addemails">

                                <div class="row">
                                    <div class="col-md-4 m-auto">
                                        <div class="form-group text-start">
                                             <input name="email" id="email_address" type="email" placeholder="{{ optionByKey('account_email') }}" class="form-control">
                                             <span id="email-error" class="error-message"></span>
                                        </div>
                                        <div class="form-group mt-4">
                                            <x-turnstile-captcha :language="substr(optionByKey('locale'), 0, 2)" />
                                        </div>
                                        @error('cf-turnstile-response')
											<div id="termsFeedback" role="alert" class="error-message">
													{{ $message }}
											</div>
										@enderror	
                                        <div class="form-group mt-3">
                                            <button type="submit" disabled class="frm-btn btn btn-primary">{{ optionByKey('account_submit_button') }}</button>
                                        </div>
                                    </div>                                    
                                </div>

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

            <hr class="my-2 bg-transparent border-0">

            <div class="col-md-12">
                <div class="card dashboard text-center mb-4">
                    <div class="card-content">
                        <div class="card-body">
                            <div class="media d-flex">
                                <div class="media-body">
                                    <h6 class="card-title">
                                    <span class="icon-check-square me-2"></span> {{ optionByKey('verified_emails') }}
                                    </h6>
                                    @if(isset($primaryemailid))



                                    <div class="p_email_content">

                                        <p class="p_email">{{$primaryemailid->email}} <a  href="javascript:;" class="email-verified-modal delete"><i class="icon-clear"></i></a></p>

                                        <p class="p_desc">({!! optionByKey('administrator_ads') !!})</p>


                                        @if(count($usersmails) > 0)

                                    <div class="verified-email-list">

                                        @foreach($usersmails as $user)

                                            <p class="p_email">
                                                <span><i>{{$user->email}}</i> <a onclick="deleteRecord({{$user->id}})" href="javascript:;" class="email-verified-modal delete"><i class="icon-clear"></i></a></span>
                                            </p>

                                        @endforeach

                                    </div>

                                    @endif

                                    </div>	                                    




                                    @else

                                        {!! optionByKey('note_content') !!}

                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>                        
                </div>
                    
            </div>


            <hr class="my-4 bg-transparent">

            <div class="row">
                <div class="col-md-1">                        
                    <label for="terms_switch" class="switch switch-left-right">
                        <input type="checkbox" data-bs-toggle="modal" data-bs-target="#PrivacyTermsAgreement-Modal" id="terms_switch" class="switch-input form-control"> 
                        <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-11 txt_privacy">

                    {!! optionByKey('account_term_content') !!}

                </div>                   
            </div>
            <div class="row">
                <div class="col-md-1">
                    <label for="adv_accept" class="switch switch-left-right">
                        <input id="adv_accept" type="checkbox" name="adv_accept" class="switch-input form-control" /> <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-11 txt_privacy">
                    {!! optionBykey('reg_adv_accept') !!}
                </div>
            </div>

            <hr class="my-4 bg-transparent">

            <form action="deletemyaccount" method="post" class="edit-profile-bottom-box">
                <div class="row">
                    <div class="col-md-12">
                        <p class="small">                        
                            <a href="javascript(0);" data-bs-toggle="modal" data-bs-target="#DeleteAccount-Modal" class="nocolor">
                                <span class="icon-bin"></span>    
                                {{ optionByKey('delete_account') }}
                            </a>
                        </p>
                    </div>
                </div>
            </form>

        </div>
		
		<div class="row">
			<div class="col-md-12 mt-5">

				@include('includes.need_help')   
		
			</div>
		</div>

    </div>

 


    




<div class="modal fade" id="Change-Password-Modal" tabindex="-1" aria-hidden="true">
  	<div class="modal-dialog">      

  		{!! optionByKey('change_pass_content_popup') !!}

 	</div>
</div>







<div class="modal fade" id="Add-NewEmail-Modal" tabindex="-1" aria-hidden="true">

      <div class="modal-dialog responseaddnewemail">

            
      	      

      </div>

</div>







<div class="modal fade" id="DeleteEmail-Modal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">          
            <div class="modal-header">
                <h5 class="modal-title">Delete Email</h5>
                <button type="button" data-bs-dismiss="modal" aria-label="Fechar" class="close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <p>Are you sure you want to delete this verified email?</p>
            </div>
            <div class="modal-footer">
                <button type="button" data-bs-dismiss="modal" class="btn btn-outline-primary me-3">
                    No
                </button>
                <button type="button" class="btn btn-primary" onclick="confirmDelete()">
                    Yes
                </button>
            </div>            
        </div>
    </div>
</div>







<div class="modal fade" id="DeleteAccount-Modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ url('/c/account/deleteallrecord')}}" method="post">

                    <input type="hidden" name="_token" value="{{ csrf_token() }}" />

                    {!! optionByKey('account_i_want_del_popup') !!}

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









<div class="modal fade" id="PrivacyTermsAgreement-Modal" tabindex="-1" tabindex="-1" aria-labelledby="PrivacyTermsAgreement" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

            <form action="{{ url('/c/account/deleteallrecord')}}" method="post">

                <input type="hidden" name="_token" value="{{ csrf_token() }}" />

                {!! optionByKey('account_term_popup') !!}

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







@endsection



@push('scripts')
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>

<script>
$('#change-pasword').click(function ( e ) {
	e.preventDefault();
        var token = $('meta[name="csrf-token"]').attr('content');
        var email = $(this).closest('.getemail').attr('data-email');        
        $.ajax({
                url: baseUrl+'/change-password',
                type:'POST',
                data: {
                    "email": email,
                    "_token": token,
                },
                success: function (data){
                	$('.responseemail').html(data.result);
                    $('#Change-Password-Modal').modal('show');
                }
        });
}); 
$( '#addemails' ).on( 'submit', function(e) {
    e.preventDefault();
    var token = $('meta[name="csrf-token"]').attr('content');
    var email = $(this).find('input[name=email]').val();
		$.ajax({
            url: baseUrl+'/c/account/emailadd',
            type:'POST',
            data: {
                "email": email,
                "_token": token,
            },
            success: function (data){
            	if($.isEmptyObject(data.error)){
                    $('.responseaddnewemail').html(data.success);
                    $('#Add-NewEmail-Modal').modal('show');
                    $('#email-error').text('').hide();
                    $('#email_address').removeClass('invalid');
                }else{
                    $('#email-error').text(data.error).show();
                    $('#email_address').addClass('invalid');
                }
            }
        });

});
//ajax delete function comman
var deleteId = 0;
var csrfToken = $('meta[name=csrf-token]').attr('content')
var confirmDeleteModal = $('#DeleteEmail-Modal');
var deleteRecord = function(id){
     deleteId  = id;
     confirmDeleteModal.modal('show');
}
var confirmDelete = function(){
   $.ajax({
      url: baseUrl+'/c/account/emaildelete',
      type : 'post',
      data : {id:deleteId, _token:csrfToken},
    })
    .done(function(response) {   
        location.reload();       
    })
    .fail(function(response, code) {
        toastr.error(response.message);
    });
}

document.addEventListener('DOMContentLoaded', function () {
    var toggleSwitch = document.getElementById('terms_switch');
    var modalElement = document.getElementById('PrivacyTermsAgreement-Modal');
    var modal = new bootstrap.Modal(modalElement);
    modalElement.addEventListener('hidden.bs.modal', function () {
        toggleSwitch.checked = false; 
    });
    var noButton = document.getElementById('noButton');
    noButton.addEventListener('click', function () {
    });
});
   




</script>  
@endpush