@extends(env("CLIENT_PATH").".welcome")
@section("content")
<!-- Forms Section -->
<!-- Form Section -->
<?php $CampaignArticles = LMS::getCampaignArticlesByCampaignAlias($Campaign->alias); ?>
<div class="navbar justify-content-center pt-4" style="background:#04adef;">
<nav class="navbar-expand-lg">
<div class="collapse navbar-collapse clearfix" id="navbarSupportedContent">
<div class="logo float-start" style="padding: 10px 0px;">
<a class="navbar-brand" href="#">
<img src="{!! template('img/logorm.png')!!}" alt="Dreamon Education" width="150" height="auto">
</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<?php foreach ($CampaignArticles as $CampaignArticle) : ?>
<li class="nav-item">
<a class="nav-link" href="#<?php echo $CampaignArticle->alias; ?>"><?php echo $CampaignArticle->title; ?></a>
</li>
<?php endforeach; ?>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
<!-- Search Field -->
<!-- <div class="search-container">
<form action="/search" method="get">
<input class="search" id="searchleft" type="search" name="q" placeholder="Search">
<label class="button searchbutton" for="searchleft"><span class="mglass">⚲</span></label>
</form>
</div> -->
</div>
</nav>
</div>
<div class="slider-desc pt-4 position-absolute top-50 start-50 translate-middle">
<div class="container">
<div class="row d-flex pt-5">
<div class="col-lg-6 col-md-12 col-sm-12 pt-3">
<form class="form row g-3 form-group" method="post" action="#" id="enquiry-form">
@csrf
<input type="hidden" name="countries_id" value="1" />
<input type="hidden" name="sources_id" value="3" />
<input type="hidden" name="campaigns_id" value="<?php echo $Campaign->campaign_id; ?>" />
<div class="form-row">
<h2 style="color: #0e5783; text-align: center;">Register Now</h2>
</div>
<div class="form-row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<!-- <label for="from-name">Name</label><span class="required-input">*</span> -->
<input class="form-control" type="text" id="from-name" name="name" required="" placeholder="Your Full Name">
</div>
</div>
</div>
<div class="form-row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<!-- <label for="from-name">Name</label><span class="required-input">*</span> -->
<input class="form-control" type="email" id="from-email" name="email" required="" placeholder="Your Email Address">
</div>
</div>
</div>
<div class="form-row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<!-- <label for="from-phone">Mobile Number</label><span class="required-input">*</span> -->
<input class="form-control" type="text" id="from-phone" name="mobile" required pattern="9\d{9}" placeholder="Your Mobile Number">
</div>
</div>
</div>
<div class="form-row">
<div class="row">
<div class="col-6 col-sm-6 col-md-6 col-lg-6">
<div class="form-group">
<!-- <label for="from-qualifications">Highest Qualification</label><span class="required-input">*</span> -->
<select class="form-control" id="from-qualifications" type="text" name="qualification" required="">
<option value="">Select Qualification</option>
<?php foreach (LMS::getQualifications() as $key) : ?>
<option value="{{$key->alias}}">{{$key->title}}</option>
<?php endforeach; ?>
</select>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-6">
<div class="form-group">
<!-- <label for="highest_year">Passed Year:</label><span class="required-input">*</span> -->
<div class="input-group">
<input class="form-control" type="text" id="highest_year" name="highest_year" autocomplete="off" placeholder="Passed Year">
</div>
</div>
<input type="hidden" name="preferred_destination" value="sweden">
</div>
</div>
</div>
<div class="form-row">
<div class="row">
<div class="col-6 col-sm-6 col-md-6 col-lg-6">
<div class="form-group"><!--label for="board">University / Board:</label><span class="required-input">*</span-->
<div class="input-group">
<input class="form-control" type="text" id="board" name="board" autocomplete="off" placeholder="University / Board">
</div>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-6">
<div class="form-group"><!--label for="board">University / Board:</label><span class="required-input">*</span-->
<div class="input-group">
<input class="form-control" type="text" id="preparation_score" name="preparation_score" autocomplete="off" placeholder="IELTS/PTE Score (0 for none)" required>
</div>
</div>
</div>
</div>
</div>
<div class="form-row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<!-- <label for="from-calltime">Message / Enquiry</label> -->
<textarea name="message" class="form-control" rows="5" placeholder="Additional Enquiry / Message"></textarea>
</div>
</div>
</div>
<div class="form-group">
<div class="form-row">
<input type="hidden" name="g-recaptcha-response" value="">
<div class="col"><button class="btn btn-success btn-block form-control" style="width: 100%;" type="submit" id="submitButton">Apply</button></div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Slider Section -->
<!-- Carousel -->
<div id="demo" class="carousel slide" data-bs-ride="carousel">
<!-- The slideshow/carousel -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="{{$Campaign->cover_photo}}" alt="{{$Campaign->title}}" class="d-block" style="width:100%">
</div>
</div>
</div>
</section>
<!-- Why Us -->
<?php if (isset($CampaignArticles[0])) : ?>
<section class="why-us" id="{{ $CampaignArticles[0]->alias }}">
<div class="background-layer-one" style=""></div>
<div class="headings container">
<h2 class="text-center">{{$CampaignArticles[0]->title}}</h2>
<div class="s"></div>
<div class="row">
<?php foreach ($CampaignArticles[0]->ChildArticles as $Article) : ?>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="card ">
<img src="{{$Article->thumb}}" class="card-img" alt="...">
<div class="card-body">
<p class="h4">{{$Article->title}}</p>
<p class="card-text">{!!$Article->text!!}</p>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<?php endif; ?>
<!-- Success Stories -->
<?php if (isset($CampaignArticles[1])) : ?>
<section class="stories" id="{{ $CampaignArticles[1]->alias }}">
<div class="icon-layer-one" style="background-image:url({!! template('img/icon-8.png')!!})"></div>
<div class="headings container">
<h2 class="text-center">{{$CampaignArticles[1]->title}}</h2>
</div>
<div class="container">
<div class="owl-carousel owl-carousel-four owl-theme">
<?php foreach ($CampaignArticles[1]->ChildArticles as $Article) : ?>
<div class="item"><img src="{{$Article->thumb}}" alt="{!$Article->title!}}"></div>
<?php endforeach; ?>
<!-- Add more items for each image -->
</div>
</div>
</section>
<?php endif; ?>
<?php if (isset($CampaignArticles[4])) : ?>
<!-- Videos -->
<section class="videos" id="{{ $CampaignArticles[4]->alias }}">
<div class="headings text-center">
<h2>{{ $CampaignArticles[4]->title }}</h2>
<div class="s"></div>
<div class="container">
<?php $Rows = array_chunk($CampaignArticles[4]->ChildArticles->toArray(), 4); ?>
<?php foreach ($Rows as $Row) : ?>
<div class="row">
<?php foreach ($Row as $Article) : ?>
<?php
$pattern = '/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/';
preg_match($pattern, $Article->link, $Matches);
$videoID = isset($Matches[1]) ? $Matches[1] : '';
?>
<div class="col-4">
<iframe width="100%" src="https://www.youtube.com/embed/{!!$videoID!!}" height="300" title="{!!$Article->title!!}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<?php endforeach; ?>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<?php endif; ?>
<!-- Univresity -->
<?php if (isset($CampaignArticles[2])) : ?>
<section class="container-fluid universities headings text-center" id="{{ $CampaignArticles[2]->alias }}">
<div class="headings">
<h2 style="color: #fff;">{{ $CampaignArticles[2]->title }}</h2>
</div>
<div class="container">
<div class="owl-carousel owl-carousel-six owl-theme">
<?php foreach ($CampaignArticles[2]->ChildArticles as $Article) : ?>
<div class="item uni-logos" style="background-color: #fff;padding:10px"><img src="{{$Article->thumb}}" alt="{!$Article->title!}}"></div>
<?php endforeach; ?>
<!-- Add more items for each image -->
</div>
</div>
</section>
<?php endif; ?>
<!-- Testimonials -->
<?php if (isset($CampaignArticles[3])) : ?>
<section class="container headings text-center testimonials" id="{{$CampaignArticles[3]->alias}}">
<div class="headings">
<h2>{{$CampaignArticles[3]->title}} <i class="bi bi-chat-left-quote"></i></h2>
</div>
<div class="s"></div>
<div class="owl-carousel owl-carousel-four owl-theme">
<?php foreach ($CampaignArticles[3]->ChildArticles as $Article) : ?>
<div class="item uni-logos" style="background-color: #fff;">
<div class="card testimonial-card mt-2 mb-3">
<div class="card-up aqua-gradient"></div>
<div class="avatar mx-auto white">
<img src="{{$Article->thumb}}" class="rounded-circle img-fluid" alt="woman avatar">
<div class="card-body text-center">
<h4 class="card-title font-weight-bold">{{$Article->title}}</h4>
<hr>
<p><i class="bi bi-quote"></i> {!!$Article->text!!}</p>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
<!-- Add more items for each image -->
</div>
</section>
<?php endif; ?>
<section style="padding-bottom: 0px;" id="contact">
<!-- Footer -->
<footer class="text-center text-lg-start bg-light text-muted">
<!-- Section: Social media -->
<!-- Section: Social media -->
<!-- Section: Links -->
<section class="footer-row-2">
<div class="container text-center text-md-start mt-5">
<!-- Grid row -->
<div class="row mt-3">
<!-- Grid column -->
<div class="col-md-3">
<!-- Content -->
<h6 class="text-uppercase fw-bold mb-4">
<!--img src="{{template('img/logorm.png')}}" alt="Dreamon Education" width="150" height="auto"-->
Your Dream is our Goal
</h6>
<p>
Dreamon Education is your trusted partner for international academic success. Our certified counselors offer personalized guidance for studying in the USA, Australia, Canada, and the UK.
</p>
</div>
<!-- Grid column -->
<div class="col-2">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">
Useful links
</h6>
<ul>
<?php foreach ($CampaignArticles as $CampaignArticle) : ?>
<li class="nav-item">
<a class="nav-link" href="#<?php echo $CampaignArticle->alias; ?>"><?php echo $CampaignArticle->title; ?></a>
</li>
<?php endforeach; ?>
</ul>
</div>
<div class="col-2">
<h6 class="text-uppercase fw-bold mb-4">
Study Abroad
</h6>
<ul>
<li><a class="nav-link" href="https://dreamoneducation.com/study-in-australia/">Australia</a></li>
<li><a class="nav-link" href="https://dreamoneducation.com/study-in-usa/">USA</a></li>
<li><a class="nav-link" href="https://dreamoneducation.com/study-in-new-zealand/">New Zealand</a></li>
<li><a class="nav-link" href="https://dreamoneducation.com/study-in-switzerland/">UK</a></li>
<li><a class="nav-link" href="https://dreamoneducation.com/study-in-japan/">Canada</a></li>
</ul>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">Contact Us</h6>
<p><i class="fas fa-home me-3"></i> Dreamon Educational Consultancy<br />
<i class="fas fa-home me-3"></i> Dillibazar, Kathmandu, Nepal<br />
<i class="fas fa-envelope me-3"></i>info@dreamoneducation.com<br />
<i class="fas fa-viber me-3"></i> <a href="tel:9851156423" style="color: #fff;">9851156423</a><br />
<i class="fas fa-phone me-3"></i> <a href="tel:+977-1-4423776" style="color: #fff;">+977-1-4423776</a><br />
<i class="fas fa-globe me-3"></i> www.dreamoneducation.com<br />
</p>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</div>
</section>
<!-- Section: Links -->
<!-- Copyright -->
<div class="text-center p-4" style="background-color: #0e5783; color: #fff;">
© 2023 Copyright:
<a class="text-reset fw-bold" href="https://dreamoneducation.com/">Dreamon Education</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</section>
<div class="modal fade" id="success-modal" tabindex="-1" role="dialog" aria-labelledby="success-modal-label" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header" style="display: none;">
<h5 class="modal-title" id="success-modal-label">Success</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div id="modal-text-area">
</div>
<div id="success-modal-qr">
</div>
<div id="canvas-area">
</div>
</div>
<div class="modal-footer">
<button type="button" id="downloadButton" class="btn btn-success full-width" style="width: 100%;">Download</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="error-modal" tabindex="-1" role="dialog" aria-labelledby="error-modal-label" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="error-modal-label">Form Validation Errors</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<!-- Error messages will be displayed here -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
@endsection
@push("js")
<script>
$(document).ready(function() {
// Owl Carousel for 4 slides
$(".owl-carousel-four").owlCarousel({
items: 4,
loop: true,
margin: 10,
nav: true,
responsive: {
0: {
items: 1
},
600: {
items: 2
},
1000: {
items: 4
}
}
});
// Owl Carousel for 6 slides
$(".owl-carousel-six").owlCarousel({
items: 6,
loop: true,
margin: 10,
nav: true,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
1000: {
items: 6
}
}
});
});
</script>
@endpush
@push("js")
<script>
$(document).ready(function() {
$('#enquiry-form').submit(function(e) {
e.preventDefault();
var formData = $(this).serialize();
var response = "";
$.ajax({
type: 'POST',
url: '<?php echo route("registration.submit"); ?>',
data: formData,
success: function(response) {
// fbq('trackCustom', 'EventRegistration', {promotion: 'astro_solutions'});
//fbq('track', 'PageView');
if (response.status) {
$('#registration-id').text(response.registration_id);
$('#success-modal-label').text("Registration is successful");
// $('#success-modal-qr').html("<p class='text-center' style=' text-align: center!important;background-color: #830404;color: white;padding: 10px;font-weight: 600;'>Please download/save this PRESIDENTIAL PASS. You must present this to participate in the event.</p><img src='" + response.qr_code + "' class='img-fluid' />");
$('#success-modal-qr').html("<img src='" + response.qr_code + "' class='img-fluid' />");
var downloadLink = document.createElement('a');
downloadLink.href = response.qr_code;
downloadLink.download = 'qr_code.png'; // Set the desired file name
// downloadLink.click();
$('#success-modal').modal('show');
$form[0].reset();
} else if (response.message == 'Mobile number already exists. Returning existing data.') {
var existingRegistrationData = response.registration;
//$('#modal-text-area').html(JSON.stringify(existingRegistrationData));
var downloadLink = document.createElement('a');
downloadLink.href = response.qr_code;
downloadLink.download = 'qr_code.png'; // Set the desired file name
//downloadLink.click();
$('#success-modal-label').text(response.message);
$('#success-modal-qr').html("<img src='" + response.qr_code + "' class='img-fluid' />");
$('#success-modal').modal('show');
} else {
var errorMessages = '';
$.each(response.errors, function(field, errors) {
errorMessages += errors.join('<br>');
});
$('#error-modal .modal-body').html(errorMessages);
$('#error-modal').modal('show');
}
}
});
});
$('#success-modal').on('hidden.bs.modal', function() {
$('#enquiry-form')[0].reset(); // Reset the form
});
$('#downloadButton').on('click', function() {
// Trigger the download when the button is clicked
var downloadLink = document.createElement('a');
downloadLink.href = $('#success-modal-qr img').attr('src');
downloadLink.download = 'qr_code.png';
downloadLink.click();
});
});
</script>
<script>
$(document).ready(function() {
$('.customer-logos').slick({
slidesToShow: 4,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 1500,
arrows: false,
dots: false,
pauseOnHover: false,
responsive: [{
breakpoint: 768,
settings: {
slidesToShow: 4
}
}, {
breakpoint: 520,
settings: {
slidesToShow: 3
}
}]
});
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
@endpush