
<?php $__env->startSection('pageTitle', isset($pageTitle) ? $pageTitle : 'Document Title'); ?>
<?php $__env->startSection('meta_tags'); ?>
<?php echo SEO::generate(); ?>


<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<section class="section department-single">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="d-flex justify-content-between align-items-center mb-4 mt-5 flex-wrap">
                    <!-- Title -->
                    <h4 class="mb-0">Admission Procedures</h4>
                    <!-- Breadcrumb -->
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb bg-transparent mb-0 px-0">
                            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Admission Procedures</li>
                        </ol>
                    </nav>
                </div>
                <hr>
            </div>
        </div>

        <div class="row mt-4">
            <!-- Left Column -->
            <div class="col-lg-8 mb-5">
                <div class="container">
                    <!-- <div class="accordion" id="accordionExample">
                        <div class="steps">
                            <progress id="progress" value=0 max=100></progress>

                            <?php $__currentLoopData = $steps; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $label => $content): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <?php
                            $index = $loop->index;
                            ?>
                            <div class="step-item">
                                <button class="step-button text-center <?php echo e($index === 0 ? '' : 'collapsed'); ?>" type="button"
                                    data-bs-toggle="collapse"
                                    data-bs-target="#collapse<?php echo e($index); ?>"
                                    aria-expanded="<?php echo e($index === 0 ? 'true' : 'false'); ?>"
                                    aria-controls="collapse<?php echo e($index); ?>">
                                    <?php echo e($index + 1); ?>

                                </button>
                                <div class="step-title">
                                    <?php echo e($label); ?>

                                </div>
                            </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>


                        <?php $__currentLoopData = $steps; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $label => $content): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php
                        $index = $loop->index;
                        ?>
                        <div class="card border-0">
                            <div id="heading<?php echo e($index); ?>"></div>
                            <div id="collapse<?php echo e($index); ?>" class="collapse <?php echo e($loop->first ? 'show' : ''); ?>"
                                aria-labelledby="heading<?php echo e($index); ?>"
                                data-bs-parent="#accordionExample">
                                <div class="card-body">
                                    <?php echo $content; ?>

                                </div>
                            </div>
                        </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div> -->
                    <h3 class="text-center">
                       ADMISSION PROCEDURES
                    </h3>
                    <div class="d-flex justify-content-center">
                    <div class="divider my-4" ></div>
                </div>
                <ul>
                        <li class="text-justify mb-3">Step 1: Approach the Registrar Office to get a Pre-enrollment Form and fill up according to the details.</li>
                        <li class="text-justify mb-3">
                        Step 2: After filling up the Pre-enrollment Form, look for the Program Head according to the program-degree enrolled and take a validation to approve and signed.
                        </li>
                        <li class="text-justify mb-3">
                        Step 3: Go to the Registrar’s Office to submit the Pre-enrollment Form to get the Enrollment Form (The blue one), fill up according to its details.
                        </li>
                        <li class="text-justify mb-3">
                        Step 4: After filling up the Enrollment form, prepare the entrance fee payment and approach the Cashier’s Priority Number attendant and get a Priority Number
                        </li>
                        <li class="text-justify mb-3">
                        Step 5: If the priority number called, approach to the cashier and submit the Enrollment Form including the Entrance fee payment.
                        </li>
                        <li class="text-justify mb-3">Step 6: Wait for a while and wait for your family name to be called.</li>
                        <li class="text-justify mb-3">Step 7:After the Cashier gives the receipt, assessment and the pre-enrollment form, Approach the Registrar’s Office and submit the Pre-enrollment form validate and get a stamp enrolled.</li>
                        <li class="text-justify mb-3">Step 8: After getting the stamp, Approach the Enrollment Encoder Section to encode the courses and finalized your Enrollment
                        </li>
                    </ul>

                </div>
            </div>
            <!-- Right Column -->
            <div class="col-lg-4">
                <div class="sidebar-widget schedule-widget mb-3">
                    <h4 class="mb-4">Related Topics</h4>
                    <div class="related-programs mb-5">
                        <ol class="list-unstyled d-flex flex-wrap gap-3">
                            <li>
                                <a href="<?php echo e(route('admission_policies')); ?>" class="program-link">
                                    <i class="icofont-university me-2"></i> Admission Policies
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('finance_department')); ?>" class="program-link">
                                    <i class="icofont-university me-2"></i> Finance Department
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('registrars_office')); ?>" class="program-link">
                                    <i class="icofont-university me-2"></i> Registrar’s Department
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('history')); ?>" class="program-link">
                                    <i class="icofont-university me-2"></i> Brief History
                                </a>
                            </li>
                            <li class="mb-5">
                                <a href="<?php echo e(route('admission_requirements')); ?>" class="program-link">
                                    <i class="icofont-university me-2"></i>Admission Requirements
                                </a>
                            </li>

                        </ol>
                        <hr>
                    </div>
                </div>
                <div class="sidebar-widget schedule-widget mb-3">
                    <h4 class="mb-4">Bachelor's Programs</h4>
                    <div class="related-programs mb-5">
                        <ol class="list-unstyled d-flex flex-wrap gap-3">
                            <li>
                                <a href="<?php echo e(route('bs_criminology')); ?>" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> Bachelor of Science in Criminology
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('bs_hospitality_management')); ?>" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> Bachelor of Science in Hospitality Management
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('bs_information_technology')); ?>" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> Bachelor of Science in Information Technology
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('bs_nursing')); ?>" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> Bachelor of Science in Nursing
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('bs_radiologic_technology')); ?>" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> Bachelor of Science in Radiologic Technology
                                </a>
                            </li>

                            <li class="mb-5">
                                <a href="<?php echo e(route('d_hotel_restaurant_technology')); ?>" class="program-link">
                                    <i class="icofont-book-alt me-2"></i> Diploma in Hotel and Restaurant Technology
                                </a>
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('stylesheets'); ?>
<style>
    :root {
        --prm-color: #1691b6;
        --prm-gray: #F5F5F5;
    }

    .department-single {
        background-image: url('/front/images/background_pcds.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding: 20px;
        /* Adding padding for better readability */
    }

    @media screen and (max-width: 768px) {
        .department-single {
            background-image: none;
        }

    }

    /* .card {
        background-color: transparent;
    }

    .steps {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2rem;
        position: relative;
    }

    .step-button {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: none;
        background-color: var(--prm-gray);
        transition: .4s;
    }

    .step-button[aria-expanded="true"] {
        width: 60px;
        height: 60px;
        background-color: var(--prm-color);
        color: #fff;
    }

    .done {
        background-color: var(--prm-color);
        color: #fff;
    }

    .step-item {
        z-index: 10;
        text-align: center;
    }

    #progress {
        -webkit-appearance: none;
        position: absolute;
        width: 95%;
        z-index: 5;
        height: 10px;
        margin-left: 18px;
        margin-bottom: 18px;
    } */

    /* to customize progress bar */
    /* #progress::-webkit-progress-value {
        background-color: var(--prm-color);
        transition: .5s ease;
    }

    #progress::-webkit-progress-bar {
        background-color: var(--prm-gray);

    } */
</style>
<?php $__env->stopPush(); ?>
<?php $__env->startPush('scripts'); ?>
<script>
    // const stepButtons = document.querySelectorAll('.step-button');
    // const progress = document.querySelector('#progress');

    // Array.from(stepButtons).forEach((button, index) => {
    //     button.addEventListener('click', () => {
    //         progress.setAttribute('value', index * 100 / (stepButtons.length - 1)); //there are 3 buttons. 2 spaces.

    //         stepButtons.forEach((item, secindex) => {
    //             if (index > secindex) {
    //                 item.classList.add('done');
    //             }
    //             if (index < secindex) {
    //                 item.classList.remove('done');
    //             }
    //         })
    //     })
    // })
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('front.layout.pages-layout', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\xampp\htdocs\larablog\resources\views\front\pages\admission\admission-procedures.blade.php ENDPATH**/ ?>