<?php $__env->startSection('content'); ?>

<main>

    <!-- ---------- breadcrumb ----------- -->
    <div class="breadcrumb_links">
        <div class="container">
            <div class="links">
                <a href="<?php echo e(route('home')); ?>"> <i class="fas fa-home"></i> </a>
                <a href="<?php echo e(route('courses.index')); ?>"> <?php echo e(__('web.courses')); ?> </a>
                <a href="<?php echo e(route('courses.show',$course->id)); ?>"> <?php echo e($course->name); ?> </a>
                <a href="#"> <?php echo e($title); ?> </a>
            </div>
        </div>
    </div>

    <!-- ---------- pg_course_details ----------- -->
    <section class="pg_course_details">
        <div class="bg_title">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <div class="title_cont pb-5 mb-3">
                            <h1> Please fill out the form to apply </h1>
                        </div>
                    </div>
                </div>
            </div>
            <img src="<?php echo e($course->image_url); ?>" alt="" class="bg">
        </div>
        <div class="container">
            <div class="application_form section_padding">
                <form action="<?php echo e($action); ?>" method="POST" onsubmit="formAction(this)" class="form">
                    <?php echo csrf_field(); ?>
                    <div class="form_box">
                        <div class="proccess_line">
                            <span class="active"></span>
                            <span></span>
                        </div>
                        <h4 class="box_title pb-3 mb-4 border-bottom text-capitalize"> personal information </h4>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group mb-3">
                                    <h6 class="mb-2"> Full Name </h6>
                                    <input type="text" name="name" class="form-control" placeholder=" write here... ">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group mb-3">
                                    <h6 class="mb-2"> Mobile Number </h6>
                                    <input type="number" name="phone" class="form-control" placeholder=" write here... ">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group mb-3">
                                    <h6 class="mb-2"> Email </h6>
                                    <input type="email" name="email" class="form-control" placeholder=" write here... ">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group mb-3">
                                    <h6 class="mb-2"> Gender </h6>
                                    <div class="check_group">
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="gender" id="gender1" value="male">
                                            <label class="form-check-label" for="gender1"> Male </label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="gender" id="gender2" value="female">
                                            <label class="form-check-label" for="gender2"> Female </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group mb-3">
                                    <h6 class="mb-2"> Age </h6>
                                    <input type="number" name="age" class="form-control" placeholder=" write here... ">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group mb-3">
                                    <h6 class="mb-2"> Date Birth </h6>
                                    <input type="text" name="date_of_birth" class="form-control" placeholder=" write here... " id="datepicker">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group mb-3">
                                    <h6 class="mb-2"> National ID/IQAMA </h6>
                                    <input type="text" name="national_id" class="form-control" placeholder=" write here... ">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group mb-3">
                                    <h6 class="mb-2"> Nationality </h6>
                                    <input type="text" name="nationality" class="form-control" placeholder=" write here... ">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group mb-3">
                                    <h6 class="mb-2"> Marital Status </h6>
                                    <div class="check_group">
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="marital" id="marital1" value="married">
                                            <label class="form-check-label" for="marital1"> Married </label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="marital" id="marital2" value="single">
                                            <label class="form-check-label" for="marital2"> Single </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group mb-3">
                                    <h6 class="mb-2"> Process Status </h6>
                                    <div class="check_group">
                                        <?php $__currentLoopData = $processes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" name="process_id[]" id="status<?php echo e($row->id); ?>" value="<?php echo e($row->id); ?>">
                                            <label class="form-check-label" for="status<?php echo e($row->id); ?>"> <?php echo e($row->name); ?> </label>
                                        </div>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group mb-3">
                                    <h6 class="mb-2"> District  </h6>
                                    <input type="text" name="district" class="form-control" placeholder=" write here... ">
                                </div>
                            </div>
                        </div>
                        <div class="form-group mt-5 text-center">
                            <button type="submit" class="butn px-5 py-3"> <span> Next <i class="fad fa-sign-in ms-2"></i> </span> </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </section>


</main>


<?php $__env->startSection('inject_js'); ?>
    <script>
        $(document).on("change", ".file", function() {
            $(this)
                .parent()
                .find(".input_ques")
                .val(
                    $(this)
                        .val()
                        .replace(/C:\\fakepath\\/i, "")
                );
        });
    </script>

    <script>
        $(function() {
            $("#datepicker").datepicker({
                changeMonth: true,
                changeYear: true,
                // showButtonPanel: true,
                dateFormat: 'dd-mm-yy'
            });
        });
    </script>
<?php $__env->stopSection(); ?>


<?php $__env->stopSection(); ?>

<?php echo $__env->make('web.layouts.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Applications/MAMP/htdocs/ntc/resources/views/web/pages/courses/apply_course.blade.php ENDPATH**/ ?>