<div class="flex flex-col md:flex-row md:h-screen">
    <?php echo $__env->make('components.basics.toast', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

    <!-- Left Column - Background Image (Hidden on mobile, Sticky on desktop) -->
    <div class="hidden md:flex md:sticky md:top-0 md:w-2/3 md:h-screen items-center justify-center">
        <div class="w-full h-full bg-cover bg-center bg-no-repeat bg-black/70"
            style="background-image: url('<?php echo e(asset('images/bg-login.png')); ?>');">
        </div>
    </div>

    <!-- Right Column - Form (Scrollable) -->
    <div class="w-full md:w-1/3 md:overflow-y-auto flex items-center justify-center px-4 py-8 md:px-8 relative min-h-screen">

        <div class="w-full max-w-md px-8">
            <?php if (isset($component)) { $__componentOriginal086b83901cc3d32db515f2f6f5ca1656 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal086b83901cc3d32db515f2f6f5ca1656 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.basics.section-title','data' => ['title' => 'Vérification OTP','subtitle' => 'Entrez le code reçu par email.']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('basics.section-title'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['title' => 'Vérification OTP','Subtitle' => 'Entrez le code reçu par email.']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal086b83901cc3d32db515f2f6f5ca1656)): ?>
<?php $attributes = $__attributesOriginal086b83901cc3d32db515f2f6f5ca1656; ?>
<?php unset($__attributesOriginal086b83901cc3d32db515f2f6f5ca1656); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal086b83901cc3d32db515f2f6f5ca1656)): ?>
<?php $component = $__componentOriginal086b83901cc3d32db515f2f6f5ca1656; ?>
<?php unset($__componentOriginal086b83901cc3d32db515f2f6f5ca1656); ?>
<?php endif; ?>

            <form wire:submit.prevent="verify" class="space-y-6 mt-6">
                <?php if (isset($component)) { $__componentOriginal527c3366704d429cba72b24c330bec17 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal527c3366704d429cba72b24c330bec17 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.basics.input','data' => ['type' => 'text','name' => 'otp','label' => 'Code OTP','placeholder' => '****','maxLength' => '4','wire:model' => 'otp']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('basics.input'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['type' => 'text','name' => 'otp','label' => 'Code OTP','placeholder' => '****','maxLength' => '4','wire:model' => 'otp']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal527c3366704d429cba72b24c330bec17)): ?>
<?php $attributes = $__attributesOriginal527c3366704d429cba72b24c330bec17; ?>
<?php unset($__attributesOriginal527c3366704d429cba72b24c330bec17); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal527c3366704d429cba72b24c330bec17)): ?>
<?php $component = $__componentOriginal527c3366704d429cba72b24c330bec17; ?>
<?php unset($__componentOriginal527c3366704d429cba72b24c330bec17); ?>
<?php endif; ?>

                <?php if (isset($component)) { $__componentOriginal26cec1ed531c681893e5ab894ddc394f = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal26cec1ed531c681893e5ab894ddc394f = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.basics.button','data' => ['type' => 'submit','class' => 'w-full','wireTarget' => 'verify']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('basics.button'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['type' => 'submit','class' => 'w-full','wireTarget' => 'verify']); ?>
                    <span wire:loading.remove wire:target="verify">Vérifier</span>
                    <span wire:loading wire:target="verify">Vérification...</span>
                 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal26cec1ed531c681893e5ab894ddc394f)): ?>
<?php $attributes = $__attributesOriginal26cec1ed531c681893e5ab894ddc394f; ?>
<?php unset($__attributesOriginal26cec1ed531c681893e5ab894ddc394f); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal26cec1ed531c681893e5ab894ddc394f)): ?>
<?php $component = $__componentOriginal26cec1ed531c681893e5ab894ddc394f; ?>
<?php unset($__componentOriginal26cec1ed531c681893e5ab894ddc394f); ?>
<?php endif; ?>
            </form>

            <div class="mt-4 flex items-center justify-between">
                <?php if (isset($component)) { $__componentOriginalda67bf5214a58269164fb8568ff94784 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalda67bf5214a58269164fb8568ff94784 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.auth.logout-link','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('auth.logout-link'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalda67bf5214a58269164fb8568ff94784)): ?>
<?php $attributes = $__attributesOriginalda67bf5214a58269164fb8568ff94784; ?>
<?php unset($__attributesOriginalda67bf5214a58269164fb8568ff94784); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalda67bf5214a58269164fb8568ff94784)): ?>
<?php $component = $__componentOriginalda67bf5214a58269164fb8568ff94784; ?>
<?php unset($__componentOriginalda67bf5214a58269164fb8568ff94784); ?>
<?php endif; ?>
                <div class="flex items-center min-h-11">
                    <button
                        type="button"
                        wire:click="resend"
                        wire:loading.attr="disabled"
                        wire:target="resend"
                        class="text-sm text-indigo-600 font-semibold hover:underline disabled:text-gray-400 disabled:cursor-not-allowed"
                    >
                        <span wire:loading.remove wire:target="resend" wire:poll.1s="updateFormattedRemaining">
                            <!--[if BLOCK]><![endif]--><?php if($formattedRemaining): ?>
                                Prochain code dans <?php echo e($formattedRemaining); ?>

                            <?php else: ?>
                                Renvoyer le code
                            <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
                        </span>
                        <span wire:loading wire:target="resend" class="flex items-center gap-2">
                            <?php if (isset($component)) { $__componentOriginal3048a2352e6e4266e4d8d3540589865a = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal3048a2352e6e4266e4d8d3540589865a = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.basics.spinner','data' => ['size' => 'xs','class' => 'animate-spin']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('basics.spinner'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['size' => 'xs','class' => 'animate-spin']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal3048a2352e6e4266e4d8d3540589865a)): ?>
<?php $attributes = $__attributesOriginal3048a2352e6e4266e4d8d3540589865a; ?>
<?php unset($__attributesOriginal3048a2352e6e4266e4d8d3540589865a); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal3048a2352e6e4266e4d8d3540589865a)): ?>
<?php $component = $__componentOriginal3048a2352e6e4266e4d8d3540589865a; ?>
<?php unset($__componentOriginal3048a2352e6e4266e4d8d3540589865a); ?>
<?php endif; ?>
                            Envoi...
                        </span>
                    </button>
                </div>
            </div>
        </div>

        <footer class="absolute bottom-0 left-0 right-0">
            <div class="flex justify-center items-center">
                <p class="text-sm text-gray-500">Copyright © 2025 Ango. Tous droits réservés.</p>
            </div>
        </footer>

    </div>

</div>
<?php /**PATH D:\WORK\MAARIFA\ANGO\DESKTOP\V4\ango-desktop\resources\views/livewire/auth/otp-verify.blade.php ENDPATH**/ ?>