<div class="col-lg-6">

    <div class="mb30">
        <h2 class="fw-bold">Signup</h2>
    </div>

    <form wire:submit.prevent="updateRegister">
        <div>
            <div class="mb25">
                <div wire:ignore class="form-style1">
                    <label class="heading-color ff-heading fw500 mb10">Select your country</label>
                    <div class="bootselect-multiselect">
                        <select wire:model="nationality_id" class="selectpicker">
                            <option selected hidden>Select</option>
                            <!--[if BLOCK]><![endif]--><?php $__currentLoopData = $countries; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $country): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <option value="<?php echo e($country['id']); ?>"
                                data-content="<span class='flag-wrapper'><img src='<?php echo e($country['flag_url']); ?>' alt='<?php echo e($country['name']); ?> flag' class='flag' /> <?php echo e($country['name']); ?></span>">
                                <?php echo e($country['name']); ?>

                            </option>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><!--[if ENDBLOCK]><![endif]-->
                        </select>
                    </div>
                    <!--[if BLOCK]><![endif]--><?php $__errorArgs = ['nationality_id'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                    <span class="text-danger"><?php echo e($message); ?></span>
                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><!--[if ENDBLOCK]><![endif]-->
                </div>

                <div class="form-style1 mt-4">
                    <label class="heading-color ff-heading fw500 mb10">Select your user type</label>
                    <div class="d-flex flex-column">
                        <div class="form-check">
                            <input type="radio" id="buyer" name="role" class="form-check-input" wire:model.live="role"
                                value="buyer" @change="document.getElementById('nationalityDropdown').value = ''">
                            <label class="form-check-label" for="buyer">Sign up as user</label>
                        </div>
                        <div class="form-check mt-2">
                            <input type="radio" id="seller" name="role" class="form-check-input" wire:model.live="role"
                                value="seller" @change="document.getElementById('nationalityDropdown').value = ''">
                            <label class="form-check-label" for="seller">Sign up as service provider</label>
                        </div>
                    </div>
                    <!--[if BLOCK]><![endif]--><?php $__errorArgs = ['role'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                    <span class="text-danger"><?php echo e($message); ?></span>
                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><!--[if ENDBLOCK]><![endif]-->
                </div>
            </div>
            <!--[if BLOCK]><![endif]--><?php if($role == 'seller'): ?>
            <div class="mb25" x-data="{ showNin: false }">
                <label class="form-label fw500 dark-color" title="National Identity Number">NIN number</label>
                <div class="input-group">
                    <div class="input-group-text">
                        <i class="flaticon-security mr8"></i>
                    </div>
                    <input autocomplete="off" wire:model="nin" required maxlength="11" :type="showNin ? 'text' : 'password'"
                        class="form-control" placeholder="Enter your NIN number" />
                    <button type="button" @click="showNin = !showNin" class="input-group-text">
                        <i :class="showNin ? 'fas fa-eye' : 'fas fa-eye-slash'"></i>
                    </button>
                </div>
                <!--[if BLOCK]><![endif]--><?php $__errorArgs = ['nin'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                <span class="text-danger"><?php echo e($message); ?></span>
                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?><!--[if ENDBLOCK]><![endif]-->
            </div>
            <?php endif; ?><!--[if ENDBLOCK]><![endif]-->

            <div class="d-grid mb20">
                <button type="submit" wire:loading.attr="disabled" class="ud-btn btn-thm default-box-shadow2">
                    <span wire:loading wire:target="updateRegister" class="spinner-border spinner-border-sm"></span>
                    <span wire:loading wire:target="updateRegister">Please wait...</span>
                    <span wire:loading.remove>Signup</span>
                </button>
            </div>

        </div>
    </form>

    <style>
        .country-dropdown .flag-wrapper {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .country-dropdown .flag {
            width: 20px;
            height: 15px;
            border: 1px solid #ddd;
            border-radius: 3px;
            object-fit: cover;
        }
    </style>

</div><?php /**PATH /var/www/html/resources/views/livewire/auth/decision.blade.php ENDPATH**/ ?>