<?php $__env->startSection('content'); ?>
<div class="w-full mt-6 lg:mt-12">
    <div class="w-full px-8">
        <div class="title">
            <div class="create-account3">Next Of Kin</div>
        </div>
        <form id="nextKinForm" class="frame-167" method="post" action="/next-of-kin">
            <?php if(count($errors) > 0 ): ?>

            <ul class="" style="list-style: none;">
                <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <li>
                    <div class="p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400" role="alert">
                        <span class="font-medium"><?php echo e($error); ?></span>
                    </div>
                </li>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </ul>

            <?php endif; ?>
            <?php echo csrf_field(); ?>
            <div class="mb-2 w-full">
                <label for="fullName" class="block mb-2 lable dark:text-white">Full Name</label>
                <input type="text" id="fullName" name="fullName" value="<?php echo e(old('fullName')); ?>" placeholder="Enter full name" class="block w-full p-4 text-gray-900 border border-gray-300 rounded-lg bg-gray-50 text-base focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
            </div>
            <div class="mb-2 w-full">
                <label for="relationship" class="block mb-2 lable dark:text-white">Relationship</label>
                <select class="block w-full p-4 text-gray-900 border border-gray-300 rounded-lg bg-gray-50 text-base focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" value="<?php echo e(old('relationship')); ?>" id="relationship" name="relationship" type="text" placeholder="Jane">
                    <option selected>Select relationship</option>
                    <option value="friend">Friend</option>
                    <option value="parent">Parents</option>
                    <option value="siblings">Siblings</option>
                    <option value="spouse">Spouse</option>
                </select>
            </div>
            <div class="mb-2 w-full">
                <label for="phone" class="block mb-2 lable dark:text-white">Phone Number</label>
                <input type="number" id="phone" name="phone" value="<?php echo e(old('phone')); ?>" placeholder="+23480123456789" class="block w-full p-4 text-gray-900 border border-gray-300 rounded-lg bg-gray-50 text-base focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
            </div>
            <div class="mb-2 w-full">
                <label for="email" class="block mb-2 lable dark:text-white">Email</label>
                <input type="email" id="email" name="email" value="<?php echo e(old('email')); ?>" placeholder="info@surepoint.com" class="block w-full p-4 text-gray-900 border border-gray-300 rounded-lg bg-gray-50 text-base focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
            </div>
            <div class="mb-2 w-full">
                <label for="homeAddress" class="block mb-2 lable dark:text-white">Home Address</label>
                <input type="text" id="homeAddress" name="homeAddress" value="<?php echo e(old('homeAddress')); ?>" placeholder="Enter your house address" class="block w-full p-4 text-gray-900 border border-gray-300 rounded-lg bg-gray-50 text-base focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
            </div>
            <div class="mb-2 w-full">
                <label for="workAddress" class="block mb-2 lable dark:text-white">Addrsss Of Current Employment</label>
                <input type="text" id="workAddress" name="workAddress" value="<?php echo e(old('workAddress')); ?>" placeholder="Enter your work address" class="block w-full p-4 text-gray-900 border border-gray-300 rounded-lg bg-gray-50 text-base focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
            </div>
        </form>
    </div>

    <div class="w-full arrows2 mt-8 px-8">
        <a href="/education" class="buttonPre">
            <img class="arrow-right" src="/icons/Arrow-left.png" />
            <div class="next">Previous</div>
        </a>
        <button onclick="submiteForm()" class="button">
            <div class="next">Next</div>
            <img class="arrow-right" src="/icons/Arrow-right.png" />
        </button>
    </div>
</div>
<script>
    const submiteForm = () => {
        document.getElementById("nextKinForm").submit();
    }
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.auth',["title"=>"login", "state"=>4, "showSteps"=> 1], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\Users\USER\Documents\GitHub\SPS-ERP\resources\views\nextofkin.blade.php ENDPATH**/ ?>