<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>London School of Learning Hub</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

    <!-- Favicon -->
<!--    <link href="--><?php //echo $this->request->webroot; ?><!--learninghub/img/favicon.ico" rel="icon">-->
    <link href="<?php echo $this->request->webroot; ?>learninghub/img/london-school.png" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&family=Inter:wght@700;800&display=swap" rel="stylesheet">

    <!-- Icon Font Stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="<?php echo $this->request->webroot; ?>learninghub/lib/animate/animate.min.css" rel="stylesheet">
    <link href="<?php echo $this->request->webroot; ?>learninghub/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="<?php echo $this->request->webroot; ?>learninghub/css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="<?php echo $this->request->webroot; ?>learninghub/css/style.css" rel="stylesheet">

    <style>
        .error {
            color: red;
        }
        .hidden {
            display: none;
        }
        .img_logo {
            height: 70px;
            width: 150px;
        }
        .menu{
            padding-top: 25px;padding-right: 20px;
        }


    </style>
</head>

<body>
<div class="container-fluid bg-white p-0">
    <!-- Spinner Start -->
    <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
            <span class="sr-only">Loading...</span>
        </div>
    </div>
    <!-- Spinner End -->


    <!-- Navbar Start -->
    <nav class="navbar navbar-expand-xl bg-white navbar-light shadow sticky-top p-0">
        <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "index"]);?>" class="navbar-brand d-flex align-items-center text-center py-0 px-4 px-lg-5">
            <img class="logo-main img_logo" src="<?php echo $this->request->webroot; ?>learninghub/img/london-school.png"  alt="london school of learning hub" />
        </a>
        <button type="button" class="navbar-toggler me-2" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
            <div class="navbar-nav ms-auto p-3 p-lg-0">
                <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "about"]);?>" class="nav-item nav-link">About</a>
                <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "acreditation"]);?>" class="nav-item nav-link">Accreditation</a>
                <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "applicationProcess"]);?>" class="nav-item nav-link">Application Process</a>
<!--                <a href="--><?php //echo $this->Url->build(["controller" => "Learninghub","action" => "accomodation"]);?><!--" class="nav-item nav-link">Accomodation</a>-->

                <div class="dropdown menu">
                    <a href="#" class="text-decoration-none dropdown-toggle" style="color: #2B3940" id="customDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                        Courses
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <li>
                            <a href="<?php echo $this->Url->build('/courses/english') ?>" class="dropdown-item" >
                                English
                            </a>

                        </li>
                        <li><a class="dropdown-item" href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "courses"]);?>">Other Courses</a></li>
                    </ul>
                </div>
                <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "verification"]);?>" class="nav-item nav-link">Verification</a>
                <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "contact"]);?>" class="nav-item nav-link">Contact</a>
                <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "agent"]);?>" class="nav-item nav-link">Agents</a>
            </div>
            <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "applyForm"]);?>" class="btn btn-primary rounded-0 py-4 px-lg-3">Apply Now<i class="fa fa-arrow-right ms-2"></i></a>
<!--            <a href="--><?php //echo $this->Url->build(["controller" => "Learninghub","action" => "applyForm"]);?><!--" class="btn btn-primary rounded-0 py-4 px-lg-3">Login<i class="fa fa-arrow-right ms-2"></i></a>-->
        </div>
    </nav>
    <!-- Navbar End -->


    <?= $this->Flash->render() ?>
    <?= $this->fetch('content') ?>

    <!-- Footer Start -->
    <div class="container-fluid bg-dark text-white-50 footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-lg-4 col-md-6">
                    <h5 class="text-white mb-4">Quick Links</h5>
                    <a class="btn btn-link text-white-50" href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "about"]);?>">About Us</a>
                    <a class="btn btn-link text-white-50" href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "contact"]);?>">Contact Us</a>
                    <a class="btn btn-link text-white-50" href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "index"]);?>">Our Services</a>
                    <a class="btn btn-link text-white-50" href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "index"]);?>">Privacy Policy</a>
                    <a class="btn btn-link text-white-50" href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "index"]);?>">Terms & Condition</a>
                </div>
                <div class="col-lg-4 col-md-6">
                    <h5 class="text-white mb-4">Contact</h5>
                    <p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i><?php echo OFFICE_ADDRESS ?></p>
                    <p class="mb-2"><i class="fa fa-phone-alt me-3"></i><?php echo OFFICE_MOBILE?></p>
                    <p class="mb-2"><i class="fa fa-envelope me-3"></i> <?php echo OFFICE_EMAIL ?> </p>
                    <div class="d-flex pt-2">
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a>
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a>
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-github"></i></a>
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
<!--                <div class="col-lg-4 col-md-6">-->
<!--                    <h5 class="text-white mb-4">Support</h5>-->
<!--                    <p>Enter your email address and Submit now!</p>-->
<!--                    <div class="position-relative mx-auto" style="max-width: 400px;">-->
<!--                        <input class="form-control bg-transparent w-100 py-3 ps-4 pe-5" type="text" placeholder="Your email">-->
<!--                        <button type="button" class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2">Submit</button>-->
<!--                    </div>-->
<!--                </div>-->

                <div class="col-lg-4 col-sm-6 col-xs-12">
                    <h5 class="text-white mb-4">Affiliations & Accreditation</h5>
                    <div class="footer-menu">
                        <a  href="https://www.asic.org.uk/" target="_blank"><img width="100px" src="<?php echo $this->request->webroot; ?>images/logo/asic_logo.jpeg" alt="ASIC Logo"></a>
                        <a class="btn btn-outline-light" href="https://qualifi.net/" target="_blank"><img width="100px" src="<?php echo $this->request->webroot; ?>images/logo/Qualifi_logo.webp" alt="Qualifi Logo"></a>
<!--                        <a class="btn btn-outline-light" href="https://ico.org.uk/" target="_blank"><img width="100px" src="--><?php //echo $this->request->webroot; ?><!--images/logo/ico_logo.svg" alt="ICO Logo"></a>-->

                    </div>

                </div>
            </div>
        </div>
        <div class="container">
            <div class="copyright">
                <div class="row">
                    <div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
                        &copy; <a class="border-bottom" href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "index"]);?>">London School of Learning Hub</a>, All Right Reserved.</a>
                    </div>
                    <div class="col-md-6 text-center text-md-end">
                        <div class="footer-menu">
                            <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "index"]);?>">Home</a>
                            <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "index"]);?>">Cookies</a>
                            <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "index"]);?>">Help</a>
                            <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "index"]);?>">FAQs</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer End -->


    <!-- Back to Top -->
    <a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
</div>

<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="<?php echo $this->request->webroot; ?>learninghub/lib/wow/wow.min.js"></script>
<script src="<?php echo $this->request->webroot; ?>learninghub/lib/easing/easing.min.js"></script>
<script src="<?php echo $this->request->webroot; ?>learninghub/lib/waypoints/waypoints.min.js"></script>
<script src="<?php echo $this->request->webroot; ?>learninghub/lib/owlcarousel/owl.carousel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>

<!-- Template Javascript -->
<script src="<?php echo $this->request->webroot; ?>learninghub/js/main.js"></script>
<script>
    $(document).ready(function() {
        $('#inputformId').submit(function(event) {
            event.preventDefault();
            var formData = $(this).serialize();

            $.ajax({
                url: $(this).attr('action'),
                type: 'POST',
                data: formData,
                success: function(response) {
                    if(response.status === "100") {
                        $('#response').html('<div class="alert alert-success"><strong>Success!</strong' + response.message + '</div>');
                        $('#inputformId')[0].reset();
                    }else {
                        $('#response').html('<div class="alert alert-danger">' + response.message + '</div>');

                    }
                },
                error: function() {
                    $('#response').html('<p>There was an error submitting the form.</p>');
                }
            });
        });
    });

    $('#contact_form').validate({
        rules:{
            'name':'required',
            'email': 'required',
            'subject': 'required',
            'message': 'required',
        },
        messages: {
            'name':{
                required: "Please enter your name"
            },
            'email':{
                required: "Please enter your email"
            },
            'subject':{
                required: "Please enter subject"
            },
            'message':{
                required: "Please enter message"
            }

        },
        highlight: function(element) {
            $(element).parent().addClass("is-invalid");
            $('.text_label').addClass("hidden");
        },
        submitHandler: function(form) {
            form.submit();
        }
    });

    $('#verification_form').validate({
        rules:{
        'reference_number':'required',
        'date_of_birth': 'required'
    },
        messages: {
        'reference_number':{
        required: "Please Enter Your Student Reference Id"
    },
        'date_of_birth':{
        required: "Please Enter Your Birth Date"
    }
    },
        highlight: function(element) {
        $(element).parent().addClass("is-invalid");
        $('.text_label').addClass("hidden");
    },
        submitHandler: function(form) {
        form.submit();
    }
    });

    $('#student_form').validate({
        rules:{
            'course_id':'required',
            'session_id':'required',
            'title':'required',
            'first_name':'required',
            'surname':'required',
            'date_day':'required',
            'date_month' :'required',
            'date_year' :'required',
            'birth_place' :'required',
            'gender' :'required',
            'nationality' :'required',
            'passport_number' :'required',
            'email' :'required',
            'phone_number' :'required',
            'address1' :'required',
            'city' :'required',
            'state' :'required',
            'zip_code' :'required',
            'country' :'required',
            'emergency_contact_name' :'required',
            'emergency_contact_relation' :'required',
            'emergency_contact_email' :'required',
            'emergency_contact_phone_number' :'required',
            'speak_language' :'required',
            'education_name1' :'required',
            'education_year1' :'required',
            'education_institution1' :'required',
            // 'education_name2' :'required',
            // 'education_name3' :'required',
            // 'education_year2' :'required',
            // 'education_year3' :'required',
            // 'education_institution2' :'required',
            // 'education_institution3' :'required',

        },
        messages: {
            'course_id':{
                required: "Please select course"
            },
            'session_id':{
                required: "Please select session"
            },
            'title':{
                required: "Please select title"
            },
            'first_name':{
                required: "Please enter first name"
            },
            'surname':{
                required: "Please enter surname"
            }, 'date_day':{
                required: "Please select day"
            },
            'date_month':{
                required: "Please select month"
            },'date_year':{
                required: "Please select year"
            },'birth_place':{
                required: "Please enter birth place"
            },'gender':{
                required: "Please select gender"
            },'nationality':{
                required: "Please enter nationality"
            },'passport_number':{
                required: "Please enter passport number"
            },'email':{
                required: "Please enter email"
            },'phone_number':{
                required: "Please enter phone number"
            },'address1':{
                required: "Please enter address"
            },'city':{
                required: "Please enter city"
            },'state':{
                required: "Please enter state"
            },'zip_code':{
                required: "Please enter zip code"
            },'country':{
                required: "Please select country"
            },'emergency_contact_name':{
                required: "Please enter contact person name"
            },'emergency_contact_relation':{
                required: "Please enter relation"
            },'emergency_contact_email':{
                required: "Please enter contact person email"
            },'emergency_contact_phone_number':{
                required: "Please enter contact person phone number"
            },'speak_language':{
                required: "Please enter speak language"
            },'education_name1':{
                required: "Please enter education name"
            },'education_year1':{
                required: "Please enter passing year"
            },
            'education_institution1':{
                required: "Please enter passing institution"
            },
            // 'education_name2':{
            //     required: "Please enter education name"
            // },
            // 'education_year2':{
            //     required: "Please enter passing year"
            // },
            // 'education_institution2':{
            //     required: "Please enter passing institution"
            // },
            // 'education_name3':{
            //     required: "Please enter education name"
            // },
            // 'education_year3':{
            //     required: "Please enter passing year"
            // },
            // 'education_institution3':{
            //     required: "Please enter passing institution"
            // },

        },
        highlight: function(element) {
            $(element).parent().addClass("has-error");
        },
        submitHandler: function(form) {
            form.submit();
        }
    });

</script>
</body>

</html>