@extends('mix::layouts.master')
@section('title', __('Passcode'))
@section('content')
<div class="inner-pages-header mb-10 hidden">
	<div class="inner-pages-header-container">
		<a class="previous-page" href="{{ route('user-mix-settings') }}">
			<p class="back-button"><i class="la la-arrow-left"></i></p>
			<h1 class="inner-pages-title ml-3">{{ __('Back') }}</h1>
		</a>
		<a class="buy-now-button cursor-pointer is-loader-submit" data-form-submit=".submit-setting"> <span>{{ __('Save') }}</span> </a>
	</div>
</div>
<form class="mix-padding-10 submit-setting" method="post" action="{{ route('user-mix-settings-post', 'settings') }}">
	@csrf
	<div class="relative">
		
		<div class="dashboard-header-banner relative mb-5 mt-5 md:mt-10">
			<div class="card-container">
				
				<div class="text-lg font-bold">{{ __('Passcode Protection') }}</div>
				<div class="side-cta top-8 right-3 text-6xl">
					🗝️
				</div>
			</div>
		</div>
        <div class="card p-5 rounded-2xl mb-7 block has-sweet-container border-4 border-solid border-gray-200">
            <div class="card-container bg-repeat-right">

				
                <div class="my-2 text-xs is-info w-44 mb-5">{{ __('Visitors need to enter the correct passcode to access your page.') }}</div>


				<div class="card customize mb-5 mr-0">
					<div class="card-header bg-gray-100 flex justify-between">
						<p class="title mb-0 font-bold capitalize text-xs md:text-base">{{ __('Enable Passcode') }}</p>
						<label class="sandy-switch">
							<input type="hidden" name="settings[enable_passcode]" value="0">
							<input class="sandy-switch-input" name="settings[enable_passcode]" value="1" type="checkbox" {{ user('settings.enable_passcode') ? 'checked' : '' }}>
							<span class="sandy-switch-in"><span class="sandy-switch-box is-white"></span></span>
						</label>
					</div>
				</div>
				
				<div class="mt-0 form-input is-link always-active active">
					<label class="is-alt-label hidden"></label>
					<div class="is-link-inner">
					<div class="side-info">🔐</div>
					<input type="text" name="settings[passcode]" placeholder="{{ __('Input passcode to proceed') }}" value="{{ user('settings.passcode') }}" class="is-alt-input bg-white">
					</div>
				</div>

				

                <button class="sandy-expandable-btn px-10 mt-5"><span>{{ __('Save') }}</span></button>
            </div>
        </div>
	</form>
@endsection