first commit

This commit is contained in:
2024-04-16 15:43:24 +05:45
commit b49e06fa93
4387 changed files with 543889 additions and 0 deletions

View File

@@ -0,0 +1,185 @@
@extends(env("CLIENT_PATH").".welcome")
@section("content")
<div class="form-box">
<div class="infotext">
<h1> Visitor Confirmation</h1>
<h5>Welcome <?php echo $data->name; ?></h5>
</div>
<form>
@csrf
<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>
<input class="form-control" type="text" id="from-name" name="name" required="" disabled value="<?php echo $data->name; ?>">
</div>
</div>
</div>
<div class="form-row">
<div class="col-12 col-sm-6 col-md-12 col-lg-6">
<div class="form-group"><label for="from-email">Email</label>
<input class="form-control" type="email" value="<?php echo $data->email; ?>" id="from-email" name="email" required="" disabled>
</div>
</div>
<div class="col-12 col-sm-6 col-md-12 col-lg-6">
<div class="form-group"><label for="from-phone">Mobile Number</label>
<div class="input-group">
<input class="form-control" type="text" value="<?php echo $data->mobile; ?>" id="from-phone" name="mobile" required="" disabled>
</div>
</div>
</div>
</div>
<div class="form-row">
<div class="col-12 col-sm-6 col-md-12 col-lg-6">
<div class="form-group"><label for="from-qualifications">Highest Qualification</label>
<input class="form-control" type="text" value="<?php echo $data->highest_qualification; ?>" id="from-qualifications" name="from-qualifications" required="" disabled>
</div>
</div>
<div class="col-12 col-sm-6 col-md-12 col-lg-6">
<div class="form-group"><label for="board">University / Board:</label>
<div class="input-group">
<input class="form-control" type="text" value="<?php echo $data->highest_college; ?>" required="" disabled>
</div>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-12">
<div class="form-group"><label for="preferred_destination">Preferred Study Destination:</label>
<div class="select-group">
<input class="form-control" type="text" value="<?php echo $data->intrested_for_country; ?>" required="" disabled>
</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>
<input class="form-control" type="text" value="<?php echo $data->remarks; ?>" required="" disabled>
</div>
</div>
</div>
</div>
</form>
</div>
@endsection
@push("css")
<style>
* {
box-sizing: border-box;
}
body{
background: #9c1e5b;
}
.form-box{
display: block;
margin: 0 auto;
margin-top: 5%;
margin-bottom: 5%;
background-color: white;
width: 98%;
border-radius: 5px;
box-shadow: 10px 10px 0 0 #3e2c75;
}
.boximage{
width: 100%;
height: auto;
background-size: cover;
border-radius: 5px 5px 0 0;
}
.infotext {
width: 100%;
padding: 3%;
text-align: center;
color: #162c38;
font-family: sans-serif;
}
h1{
font-family: 'Roboto Slab', serif;
font-size: 1.1em;
color: #162c38;
text-transform: uppercase;
}
.infotext p{
line-height: 1.5em;
letter-spacing:0.05em;
}
form{
width: 100%;
padding: 5%;
}
.required-input{
color: #f00;
}
input{
display: block;
width: 100%;
border: solid 1px #bbb7b7;
border-radius: 5px;
margin-bottom: 15px;
padding: 2%;
font-size: 0.8em;
font-family: sans-serif;
letter-spacing:0.1em;
color: #888;
text-align: left;
}
input[type=submit]{
border: none;
border-radius: 5px;
background-color: #a82d2d;
color:#fff;
text-align: center;
}
input[type=submit]:hover{
background-color: #711616;
cursor: pointer;
}
.form-control{
height: 50px;
background: #ecf0f4;
border-color: transparent;
padding: 0 15px;
font-size: 16px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form-control:focus{
border-color: #00bcd9;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
}
textarea.form-control{
height: 160px;
padding-top: 15px;
resize: none;
}
.content-column ul li {
list-style-type: disc;
margin-left: 20px;
}
</style>
@endpush

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<title>@yield('email_subject')</title>
</head>
<body>
<div>
@yield('content')
</div>
</body>
</html>

View File

@@ -0,0 +1,26 @@
@component('mail::message')
Dear {{$formData['name']}},
Thank you for submitting the online enquiry form. We appreciate your interest in our services. Our team has received your request, and we are excited to assist you.
You can expect to hear back from our team within the next working day. We are dedicated to providing excellent service and will do our best to address your enquiry thoroughly.
If you have any further questions or need immediate assistance, feel free to contact us at any time.
Just for your reference, here below are your submitted details.
- **Name:** {{ $formData['name'] }}
- **Email:** {{ $formData['email'] }}
- **Phone:** {{ $formData['phone'] }}
- **Preferred Destination:** {{ $formData['preferred_destination'] }}
- **Mode of Counselling:** {{ $formData['mode_of_counselling'] }}
- **Nearest Branch:** {{ $formData['nearest_branch'] }}
- **Message:** {{ $formData['message'] }}
Best regards,
Access Education Webmaster
@endcomponent

View File

@@ -0,0 +1,22 @@
@component('mail::message')
# New Online Enquiry Form Submission
Congratulations on receiving a new online enquiry form submission!
Your expertise and dedication have attracted yet another prosperous user seeking guidance. We are excited to share the details of the form that has been submitted:
Thank you for making a difference in people's lives. Keep up the excellent work!
- **Name:** {{ $formData['name'] }}
- **Email:** {{ $formData['email'] }}
- **Phone:** {{ $formData['phone'] }}
- **Preferred Destination:** {{ $formData['preferred_destination'] }}
- **Mode of Counselling:** {{ $formData['mode_of_counselling'] }}
- **Nearest Branch:** {{ $formData['nearest_branch'] }}
- **Message:** {{ $formData['message'] }}
Best regards,
{{env("APP_NAME")}}
@endcomponent

View File

@@ -0,0 +1,20 @@
@extends('emails.email-template')
@section('content')
<p>Dear {{ $formData['name'] }},</p>
<p><b>Congratulations on successfully registering with Access Education Network!</b></p>
<p>Welcome to a journey of possibilities and empowerment. Stay tuned for exclusive webinars, discounts, personalized
guidance, networking opportunities, and exciting giveaways.</p>
<p>For any queries, reach us at +977 9801570070 or info@accessnepal.net. We look forward to supporting your educational journey with Access Education Network.</p>
<h3>Your details:</h3>
<p>Name: {{ $formData['name'] }}</p>
<p>Email: {{ $formData['email'] }}</p>
<p>Phone: {{ $formData['mobile'] }}</p>
<p>Best regards,<br>Access Education Network </p>
<p>+977 9801570070</p>
<p>info@accessnepal.net</p>
@endsection

View File

@@ -0,0 +1,20 @@
@extends('emails.email-template')
@section('content')
<p>Dear {{ $formData['name'] }},</p>
<p><b>Congratulations on successfully registering with Access Education Network!</b></p>
<p>Welcome to a journey of possibilities and empowerment. Stay tuned for exclusive webinars, discounts, personalized
guidance, networking opportunities, and exciting giveaways.</p>
<p>For any queries, reach us at +977 9801570070 or info@accessnepal.net. We look forward to supporting your educational journey with Access Education Network.</p>
<h3>Your details:</h3>
<p>Name: {{ $formData['name'] }}</p>
<p>Email: {{ $formData['email'] }}</p>
<p>Phone: {{ $formData['mobile'] }}</p>
<p>Best regards,<br>Access Education Network </p>
<p>+977 9801570070</p>
<p>info@accessnepal.net</p>
@endsection

View File

View File

@@ -0,0 +1,625 @@
@extends(env("CLIENT_PATH").".welcome")
@section("content")
<header>
<div class="container">
<img src="<?php
use App\Models\Campaigns;
use App\Models\Sources;
echo site_url(); ?>access/assets/images/office.jpg" alt="cover-image" class="img-fluid" />
</div>
</header>
<section class="main">
<div class="container">
<div class="form-box">
<form method="post" action="#" id="enquiry-form">
@csrf
<input type="hidden" name="sources_id" value="<?php echo Sources::first()->source_id;?>" />
<input type="hidden" name="campaigns_id" value="<?php echo Campaigns::first()->campaign_id;?>" />
<div class="titlebox">
<h2>
PERSONAL INFORMATION
</h2>
</div>
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="form-row">
<div class="col-lg-2 col-md-3"><label for="from-name">Name:</label><span class="required-input">*</span></div>
<div class="col-lg-10 col-md-9">
<div class="form-group">
<input class="form-control" type="text" id="from-name" name="name" required="">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4 col-md-4">
<label for="from-dob">Date of Birth:<span class="required-input">*</span></label>
</div>
<div class="col-lg-8 col-md-8">
<div class="form-group">
<input class="form-control" type="text" id="from-dob" name="name" required="">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4"><label for="from-name">Gender:</label><span class="required-input">*</span></div>
<div class="col-lg-8">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="inlineCheckbox1" name="gender" value="male">
<label class="form-check-label" for="inlineCheckbox1">Male</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="inlineCheckbox2" name="gender" value="female">
<label class="form-check-label" for="inlineCheckbox2">Female</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="inlineCheckbox3" name="gender" value="others">
<label class="form-check-label" for="inlineCheckbox3">Others</label>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4"><label for="from-name">Marital Status:</label><span class="required-input">*</span></div>
<div class="col-lg-8">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="married" name="marital_status" value="married">
<label class="form-check-label" for="married">Married</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="unmarried" name="marital_status" value="unmarried">
<label class="form-check-label" for="unmarried">Unmarried</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="divorced" name="marital_status" value="divorced">
<label class="form-check-label" for="divorced">Divorced</label>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4">
<label for="from-phone">Tel/Mob Number</label><span class="required-input">*</span>
</div>
<div class="col-lg-8">
<div class="form-group">
<div class="input-group">
<input class="form-control" type="text" id="from-phone" name="mobile" required="">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4"><label for="from-email">Email:</label><span class="required-input">*</span></div>
<div class="col-lg-8">
<div class="form-group">
<input class="form-control" type="email" id="from-email" name="email" required="">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4 col-md-4"> <label for="from-phone">Address</label><span class="required-input">*</span></div>
<div class="col-lg-8 col-md-8">
<div class="form-group">
<input class="form-control" type="text" id="from-address" name="address" required="">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4 col-md-4"> <label for="from-phone">Guardian's name</label><span class="required-input">*</span></div>
<div class="col-lg-8 col-md-8">
<div class="form-group">
<input class="form-control" type="text" id="from-address" name="guardian_name" required="">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4 col-md-4"> <label for="from-phone">Contact:</label><span class="required-input">*</span></div>
<div class="col-lg-8 col-md-8">
<div class="form-group">
<input class="form-control" type="text" id="from-address" name="address" required="">
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="row">
<div class="col-lg-3 col-md-3"> <label for="from-phone">Have you applied any country?</label></div>
<div class="col-lg-9 col-md-9">
<div class="form-group">
<input class="form-control" type="text" id="from-address" name="applied_before">
</div>
</div>
</div>
</div>
<div class="tabletitle">
<h2>
ACADEMIC DETAILS
</h2>
</div>
<table class="table table-bordered">
<thead>
<tr>
<th scope="col">Degree Obtained</th>
<th scope="col">Major</th>
<th scope="col">Institution</th>
<th scope="col">Score/GPA</th>
<th scope="col">Passed Year</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">SLC / SEE</th>
<td> </td>
<td> <input class="form-control" type="text" id="from-address" name="see_school" ></td>
<td> <input class="form-control" type="text" id="from-address" name="see_grade" ></td>
<td> <input class="form-control" type="text" id="from-address" name="see_year" ></td>
</tr>
<tr>
<th scope="row">10+2/CTEVT/PCT</th>
<td> <input class="form-control" type="text" id="from-address" name="plus2_stream" ></td>
<td> <input class="form-control" type="text" id="from-address" name="plus2_college" ></td>
<td> <input class="form-control" type="text" id="from-address" name="plus2_grade" ></td>
<td> <input class="form-control" type="text" id="from-address" name="plus2_year" ></td>
</tr>
<tr>
<th scope="row">Bachelor</th>
<td> <input class="form-control" type="text" id="from-address" name="bachelors_stream" ></td>
<td> <input class="form-control" type="text" id="from-address" name="bachelors_college" ></td>
<td> <input class="form-control" type="text" id="from-address" name="bachelors_grade" ></td>
<td> <input class="form-control" type="text" id="from-address" name="bachelors_year" ></td>
</tr>
<tr>
<th scope="row">Master</th>
<td> <input class="form-control" type="text" id="from-address" name="highest_stream" ></td>
<td> <input class="form-control" type="text" id="from-address" name="highest_college" ></td>
<td> <input class="form-control" type="text" id="from-address" name="highest_grade" ></td>
<td> <input class="form-control" type="text" id="from-address" name="highest_year" ></td>
</tr>
</tbody>
</table>
<div class="col-lg-12 col-md-12">
<div class="row">
<div class="col-lg-3 col-md-4"> <label for="from-phone">Work Experience:</label></div>
<div class="col-lg-9 col-md-8">
<div class="form-group">
<input class="form-control" type="text" id="from-address" name="experience" >
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12 mb20">
<div class="row">
<div class="col-lg-3 col-md-4"> <label for="from-phone">Your Country of Interest:</label></div>
<div class="col-lg-9 col-md-8">
<div class="select-group">
<select name="preferred_destination" class="form-control field-info" >
<option value="" selected="" disabled="">Preferred Study Destination</option>
<option value="study-in-australia">Study in Australia</option>
<option value="study-in-usa">Study in USA</option>
<option value="study-in-canada">Study in Canada</option>
<option value="other">Others</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-6 col-md-6"> <label for="from-test">Test Taken:</label></div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input class="form-control" type="text" id="from-test" name="preparation_class" >
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4 col-md-4"> <label for="from-score">Score:</label></div>
<div class="col-lg-8 col-md-8">
<div class="form-group">
<input class="form-control" type="text" id="from-score" name="preparation_score" >
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-6 col-md-6"> <label for="from-hdykau">How did you know about us?:</label></div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input class="form-control" type="text" id="from-hdykau" name="how_you_know">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4 col-md-4"> <label for="from-ref">Reference:</label></div>
<div class="col-lg-8 col-md-8">
<div class="form-group">
<input class="form-control" type="text" id="from-ref" name="reference" >
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-6 col-md-6"> <label for="from-other">Other:</label></div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input class="form-control" type="text" id="from-other" name="other" >
</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">FOR OFFICIAL USE</label><span class="required-input">*</span>
<textarea name="message" class="form-control" rows="5" ></textarea>
</div>
</div>
</div>
<div class="form-group ">
<div class="form-row">
<input type="hidden" name="g-recaptcha-response" value="">
<div class="col-3"><button class="btn btn-primary btn-block" type="submit" id="submitButton">Submit </button></div>
</div>
</div>
</div>
</form>
<?php //pre(SITEVARS->Campaigns[0]);
?>
<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">&times;</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>
<button type="button" id="downloadQRButton" class="btn btn-success full-width" style="width: 100%;" data-id=''>Download Pass</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">&times;</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>
</div>
</div>
</section>
@endsection
@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=response.registration_id;
$('#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 PASS. </p><img src='" + response.qr_code + "' class='img-fluid' />");
var downloadLink = document.createElement('a');
downloadLink.href = response.qr_code;
downloadLink.download = 'access_steps_pass.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.') {
$.registration_id=response.registration_id;
var existingRegistrationData = response.registration;
//$('#modal-text-area').html(JSON.stringify(existingRegistrationData));
var downloadLink = document.createElement('a');
downloadLink.href = response.qr_code;
downloadLink.download = 'access_steps_pass.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 = 'access_steps_pass.png';
downloadLink.click();
});
$('#downloadQRButton').on('click', function() {
// Trigger the download when the button is clicked
var downloadLink = document.createElement('a');
downloadLink.href = '{{route("pass.generate")}}?id='+$.registration_id;
downloadLink.download = 'steps_pass.png';
downloadLink.click();
});
});
</script>
@endpush
@push("css")
<style>
* {
box-sizing: border-box;
}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
body {
background: #E7E8E9;
}
header {
background-color: #FFFFFF;
width: 100%;
padding-bottom: 40px;
}
.main {
background-color: #E7E8E9;
margin: 0;
padding: 0;
}
.table {
background-color: #FFFFFF;
}
.table thead {
background: rgb(2, 0, 36);
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(139, 23, 26, 1) 0%, rgba(236, 31, 40, 1) 100%);
color: #fff;
}
.titlebox h2 {
background: rgb(2, 0, 36);
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(139, 23, 26, 1) 0%, rgba(236, 31, 40, 1) 100%);
color: #fff;
text-align: left;
margin: 10px 0px 20px 0;
text-transform: capitalize;
padding: 10px 20px;
font-size: 24px;
font-weight: 600;
}
.tabletitle h2 {
background: rgb(2, 0, 36);
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(139, 23, 26, 1) 0%, rgba(236, 31, 40, 1) 100%);
color: #fff;
text-align: left;
margin: 10px 0px 0px 0;
text-transform: capitalize;
padding: 10px 20px;
font-size: 20px;
font-weight: 600;
}
.form-box {
display: block;
margin: 0 auto;
/* margin-top: 5%; */
/* margin-bottom: 5%; */
background-color: #E7E8E9;
width: 98%;
/* border-radius: 5px;
box-shadow: 10px 10px 0 0 #9c1e5b; */
}
.boximage {
width: 100%;
height: auto;
background-size: cover;
border-radius: 5px 5px 0 0;
}
.infotext {
width: 100%;
padding: 3%;
text-align: center;
color: #162c38;
font-family: sans-serif;
}
h1 {
font-family: 'Roboto Slab', serif;
font-size: 1.1em;
color: #162c38;
text-transform: uppercase;
}
.infotext p {
line-height: 1.5em;
letter-spacing: 0.05em;
}
form {
width: 100%;
padding: 5%;
}
.required-input {
color: #f00;
}
input {
display: block;
width: 100%;
border: solid 1px #ec1f28;
border-radius: 5px;
/* margin-bottom: 15px; */
padding: 2%;
font-size: 0.8em;
font-family: sans-serif;
letter-spacing: 0.1em;
color: #888;
text-align: left;
}
input[type=submit] {
border: none;
border-radius: 5px;
background-color: #a82d2d;
color: #fff;
text-align: center;
}
input[type=submit]:hover {
background-color: #711616;
cursor: pointer;
}
.form-control {
height: 30px;
background: #fff;
border: 1px #ef373e solid;
padding: 0 15px;
font-size: 16px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form-control:focus {
border-color: #00bcd9;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
}
textarea.form-control {
height: 160px;
padding-top: 15px;
resize: none;
}
.content-column ul li {
list-style-type: disc;
margin-left: 20px;
}
</style>
@endpush

View File

@@ -0,0 +1,320 @@
@extends(env("CLIENT_PATH").".welcome")
@section("content")
<div class="form-box">
<div class="boximage">
<img src="<?php echo site_url(SITEVARS->Campaigns[0]->cover_photo);?>" class="img-fluid" />
</div>
<!-- <div class="infotext">
<h1> <?php //echo SITEVARS->Campaigns[0]->title;?></h1>
</div> -->
<form method="post" action="#" id="enquiry-form">
@csrf
<input type="hidden" name="sources_id" value="2" />
<input type="hidden" name="campaigns_id" value="<?php echo SITEVARS->Campaigns[0]->campaign_id; ?>" />
<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="">
</div>
</div>
</div>
<div class="form-row">
<div class="col-12 col-sm-6 col-md-12 col-lg-6">
<div class="form-group"><label for="from-email">Email</label><span class="required-input">*</span>
<input class="form-control" type="email" id="from-email" name="email" required="">
</div>
</div>
<div class="col-12 col-sm-6 col-md-12 col-lg-6">
<div class="form-group"><label for="from-phone">Mobile Number</label><span class="required-input">*</span>
<div class="input-group">
<input class="form-control" type="text" id="from-phone" name="mobile" required="">
</div>
</div>
</div>
</div>
<div class="form-row">
<div class="col-12 col-sm-6 col-md-12 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>
<option value="SEE/SLC">SEE/SLC</option>
<option value="A levels">A levels</option>
<option value="10+2/PCL">10+2/PCL</option>
<option value="Bachelors (3 years)">Bachelors (3 Years)</option>
<option value="Bachelors (4 years)">Bachelors (4 Years)</option>
<option value="Master's and Above">Master's and Above</option>
</select>
</div>
</div>
<div class="col-12 col-sm-6 col-md-12 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" required="" autocomplete="off">
</div>
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-12">
<div class="form-group"><label for="preferred_destination">Preferred Study Destination:</label><span class="required-input">*</span>
<div class="select-group">
<select name="preferred_destination" class="form-control field-info" required="">
<option value="" selected="" disabled="">Preferred Study Destination *</option>
<option value="study-in-australia">Study in Australia</option>
<option value="study-in-new-zealand">Study in New Zealand</option>
<option value="study-in-canada">Study in Canada</option>
<option value="study-in-uk">Study in UK</option>
<option value="study-in-usa">Study in USA</option>
<option value="other">Others</option>
</select>
</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><span class="required-input">*</span>
<textarea name="message" class="form-control" rows="5" re></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" type="submit" id="submitButton">Get Admit Pass <i class="fa fa-chevron-circle-right"></i></button></div>
</div>
</div>
</div>
</form>
<?php //pre(SITEVARS->Campaigns[0]); ?>
<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">&times;</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 : Presidential Pass</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">&times;</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>
</div>
@endsection
@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' />");
var downloadLink = document.createElement('a');
downloadLink.href = response.qr_code;
downloadLink.download = 'presidential_astro_solutions_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 = 'presidential_astro_solutions_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 = 'presidential_astro_solutions_qr_code.png';
downloadLink.click();
});
});
</script>
@endpush
@push("css")
<style>
* {
box-sizing: border-box;
}
body{
}
.form-box{
display: block;
margin: 0 auto;
margin-top: 5%;
margin-bottom: 5%;
background-color: white;
width: 98%;
border-radius: 5px;
box-shadow: 10px 10px 0 0 #083079;
}
.boximage{
width: 100%;
height: auto;
background-size: cover;
border-radius: 5px 5px 0 0;
}
.infotext {
width: 100%;
padding: 3%;
text-align: center;
color: #162c38;
font-family: sans-serif;
}
h1{
font-family: 'Roboto Slab', serif;
font-size: 1.1em;
color: #162c38;
text-transform: uppercase;
}
.infotext p{
line-height: 1.5em;
letter-spacing:0.05em;
}
form{
width: 100%;
padding: 5%;
}
.required-input{
color: #f00;
}
input{
display: block;
width: 100%;
border: solid 1px #bbb7b7;
border-radius: 5px;
margin-bottom: 15px;
padding: 2%;
font-size: 0.8em;
font-family: sans-serif;
letter-spacing:0.1em;
color: #888;
text-align: left;
}
input[type=submit]{
border: none;
border-radius: 5px;
background-color: #a82d2d;
color:#fff;
text-align: center;
}
input[type=submit]:hover{
background-color: #711616;
cursor: pointer;
}
.form-control{
height: 50px;
background: #ecf0f4;
border-color: transparent;
padding: 0 15px;
font-size: 16px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form-control:focus{
border-color: #00bcd9;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
}
textarea.form-control{
height: 160px;
padding-top: 15px;
resize: none;
}
.content-column ul li {
list-style-type: disc;
margin-left: 20px;
}
</style>
@endpush

View File

@@ -0,0 +1,621 @@
@extends(env("CLIENT_PATH").".welcome")
@section("content")
<header>
<div class="container">
<img src="<?php echo site_url(); ?>pranjal/assets/images/office.jpg" alt="cover-image" class="img-fluid" />
</div>
</header>
<section class="main">
<div class="container">
<div class="form-box">
<form method="post" action="#" id="enquiry-form">
@csrf
<input type="hidden" name="sources_id" value="2" />
<input type="hidden" name="campaigns_id" value="2" />
<div class="titlebox">
<h2>
PERSONAL INFORMATION
</h2>
</div>
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="form-row">
<div class="col-lg-2 col-md-3"><label for="from-name">Name:</label><span class="required-input">*</span></div>
<div class="col-lg-10 col-md-9">
<div class="form-group">
<input class="form-control" type="text" id="from-name" name="name" required="">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4 col-md-4">
<label for="from-dob">Date of Birth:<span class="required-input">*</span></label>
</div>
<div class="col-lg-8 col-md-8">
<div class="form-group">
<input class="form-control" type="text" id="from-dob" name="name" required="">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4"><label for="from-name">Gender:</label><span class="required-input">*</span></div>
<div class="col-lg-8">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="inlineCheckbox1" name="gender" value="male">
<label class="form-check-label" for="inlineCheckbox1">Male</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="inlineCheckbox2" name="gender" value="female">
<label class="form-check-label" for="inlineCheckbox2">Female</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="inlineCheckbox3" name="gender" value="others">
<label class="form-check-label" for="inlineCheckbox3">Others</label>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4"><label for="from-name">Marital Status:</label><span class="required-input">*</span></div>
<div class="col-lg-8">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="married" name="marital_status" value="married">
<label class="form-check-label" for="married">Married</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="unmarried" name="marital_status" value="unmarried">
<label class="form-check-label" for="unmarried">Unmarried</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="divorced" name="marital_status" value="divorced">
<label class="form-check-label" for="divorced">Divorced</label>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4">
<label for="from-phone">Tel/Mob Number</label><span class="required-input">*</span>
</div>
<div class="col-lg-8">
<div class="form-group">
<div class="input-group">
<input class="form-control" type="text" id="from-phone" name="mobile" required="">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4"><label for="from-email">Email:</label><span class="required-input">*</span></div>
<div class="col-lg-8">
<div class="form-group">
<input class="form-control" type="email" id="from-email" name="email" required="">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4 col-md-4"> <label for="from-phone">Address</label><span class="required-input">*</span></div>
<div class="col-lg-8 col-md-8">
<div class="form-group">
<input class="form-control" type="text" id="from-address" name="address" required="">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4 col-md-4"> <label for="from-phone">Guardian's name</label><span class="required-input">*</span></div>
<div class="col-lg-8 col-md-8">
<div class="form-group">
<input class="form-control" type="text" id="from-address" name="guardian_name" required="">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4 col-md-4"> <label for="from-phone">Contact:</label><span class="required-input">*</span></div>
<div class="col-lg-8 col-md-8">
<div class="form-group">
<input class="form-control" type="text" id="from-address" name="address" required="">
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="row">
<div class="col-lg-3 col-md-3"> <label for="from-phone">Have you applied any country?</label></div>
<div class="col-lg-9 col-md-9">
<div class="form-group">
<input class="form-control" type="text" id="from-address" name="applied_before">
</div>
</div>
</div>
</div>
<div class="tabletitle">
<h2>
ACADEMIC DETAILS
</h2>
</div>
<table class="table table-bordered">
<thead>
<tr>
<th scope="col">Degree Obtained</th>
<th scope="col">Major</th>
<th scope="col">Institution</th>
<th scope="col">Score/GPA</th>
<th scope="col">Passed Year</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">SLC / SEE</th>
<td> </td>
<td> <input class="form-control" type="text" id="from-address" name="see_school" ></td>
<td> <input class="form-control" type="text" id="from-address" name="see_grade" ></td>
<td> <input class="form-control" type="text" id="from-address" name="see_year" ></td>
</tr>
<tr>
<th scope="row">10+2/CTEVT/PCT</th>
<td> <input class="form-control" type="text" id="from-address" name="plus2_stream" ></td>
<td> <input class="form-control" type="text" id="from-address" name="plus2_college" ></td>
<td> <input class="form-control" type="text" id="from-address" name="plus2_grade" ></td>
<td> <input class="form-control" type="text" id="from-address" name="plus2_year" ></td>
</tr>
<tr>
<th scope="row">Bachelor</th>
<td> <input class="form-control" type="text" id="from-address" name="bachelors_stream" ></td>
<td> <input class="form-control" type="text" id="from-address" name="bachelors_college" ></td>
<td> <input class="form-control" type="text" id="from-address" name="bachelors_grade" ></td>
<td> <input class="form-control" type="text" id="from-address" name="bachelors_year" ></td>
</tr>
<tr>
<th scope="row">Master</th>
<td> <input class="form-control" type="text" id="from-address" name="highest_stream" ></td>
<td> <input class="form-control" type="text" id="from-address" name="highest_college" ></td>
<td> <input class="form-control" type="text" id="from-address" name="highest_grade" ></td>
<td> <input class="form-control" type="text" id="from-address" name="highest_year" ></td>
</tr>
</tbody>
</table>
<div class="col-lg-12 col-md-12">
<div class="row">
<div class="col-lg-3 col-md-4"> <label for="from-phone">Work Experience:</label></div>
<div class="col-lg-9 col-md-8">
<div class="form-group">
<input class="form-control" type="text" id="from-address" name="experience" >
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12 mb20">
<div class="row">
<div class="col-lg-3 col-md-4"> <label for="from-phone">Your Country of Interest:</label></div>
<div class="col-lg-9 col-md-8">
<div class="select-group">
<select name="preferred_destination" class="form-control field-info" >
<option value="" selected="" disabled="">Preferred Study Destination</option>
<option value="study-in-australia">Study in Australia</option>
<option value="study-in-usa">Study in USA</option>
<option value="study-in-canada">Study in Canada</option>
<option value="other">Others</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-6 col-md-6"> <label for="from-test">Test Taken:</label></div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input class="form-control" type="text" id="from-test" name="preparation_class" >
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4 col-md-4"> <label for="from-score">Score:</label></div>
<div class="col-lg-8 col-md-8">
<div class="form-group">
<input class="form-control" type="text" id="from-score" name="preparation_score" >
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-6 col-md-6"> <label for="from-hdykau">How did you know about us?:</label></div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input class="form-control" type="text" id="from-hdykau" name="how_you_know">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-4 col-md-4"> <label for="from-ref">Reference:</label></div>
<div class="col-lg-8 col-md-8">
<div class="form-group">
<input class="form-control" type="text" id="from-ref" name="reference" >
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-6 col-md-6"> <label for="from-other">Other:</label></div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input class="form-control" type="text" id="from-other" name="other" >
</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">FOR OFFICIAL USE</label><span class="required-input">*</span>
<textarea name="message" class="form-control" rows="5" ></textarea>
</div>
</div>
</div>
<div class="form-group ">
<div class="form-row">
<input type="hidden" name="g-recaptcha-response" value="">
<div class="col-3"><button class="btn btn-primary btn-block" type="submit" id="submitButton">Submit </button></div>
</div>
</div>
</div>
</form>
<?php //pre(SITEVARS->Campaigns[0]);
?>
<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">&times;</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 QR</button>
<button type="button" id="downloadFormButton" class="btn btn-success full-width" style="width: 100%;">Download Form</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">&times;</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>
</div>
</div>
</section>
@endsection
@push("js")
<script>
$.registration_id=0;
$(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'});
//alert(response.registration_id);
fbq('track', 'PageView');
if (response.status) {
$('#registration-id').text(response.registration_id);
$.registration_id=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 PASS. </p><img src='" + response.qr_code + "' class='img-fluid' />");
var downloadLink = document.createElement('a');
downloadLink.href = response.qr_code;
downloadLink.download = 'pranjal_inquiry_form.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;
$.registration_id=response.registration_id;
//$('#modal-text-area').html(JSON.stringify(existingRegistrationData));
var downloadLink = document.createElement('a');
downloadLink.href = response.qr_code;
downloadLink.download = 'pranjal_inquiry_form.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 = 'pranjal_inquiry_form.png';
downloadLink.click();
});
$('#downloadFormButton').on('click', function() {
// Trigger the download when the button is clicked
var downloadLink = document.createElement('a');
downloadLink.href = '{{route("pdf.generate")}}?id='+$.registration_id;
downloadLink.download = 'pranjal_inquiry_form.pdf';
downloadLink.click();
});
});
</script>
@endpush
@push("css")
<style>
* {
box-sizing: border-box;
}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
body {
background: #d5cdce;
}
header {
background-color: #FFFFFF;
width: 100%;
padding-bottom: 40px;
}
.main {
background-color: #d5cdce;
margin: 0;
padding: 0;
}
.table {
background-color: #FFFFFF;
}
.table thead {
background: rgb(2, 0, 36);
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(139, 23, 26, 1) 0%, rgba(236, 31, 40, 1) 100%);
color: #fff;
}
.titlebox h2 {
background: rgb(2, 0, 36);
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(139, 23, 26, 1) 0%, rgba(236, 31, 40, 1) 100%);
color: #fff;
text-align: left;
margin: 10px 0px 20px 0;
text-transform: capitalize;
padding: 10px 20px;
font-size: 24px;
font-weight: 600;
}
.tabletitle h2 {
background: rgb(2, 0, 36);
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(139, 23, 26, 1) 0%, rgba(236, 31, 40, 1) 100%);
color: #fff;
text-align: left;
margin: 10px 0px 0px 0;
text-transform: capitalize;
padding: 10px 20px;
font-size: 20px;
font-weight: 600;
}
.form-box {
display: block;
margin: 0 auto;
/* margin-top: 5%; */
/* margin-bottom: 5%; */
background-color: #d5cdce;
width: 98%;
/* border-radius: 5px;
box-shadow: 10px 10px 0 0 #9c1e5b; */
}
.boximage {
width: 100%;
height: auto;
background-size: cover;
border-radius: 5px 5px 0 0;
}
.infotext {
width: 100%;
padding: 3%;
text-align: center;
color: #162c38;
font-family: sans-serif;
}
h1 {
font-family: 'Roboto Slab', serif;
font-size: 1.1em;
color: #162c38;
text-transform: uppercase;
}
.infotext p {
line-height: 1.5em;
letter-spacing: 0.05em;
}
form {
width: 100%;
padding: 5%;
}
.required-input {
color: #f00;
}
input {
display: block;
width: 100%;
border: solid 1px #ec1f28;
border-radius: 5px;
/* margin-bottom: 15px; */
padding: 2%;
font-size: 0.8em;
font-family: sans-serif;
letter-spacing: 0.1em;
color: #888;
text-align: left;
}
input[type=submit] {
border: none;
border-radius: 5px;
background-color: #a82d2d;
color: #fff;
text-align: center;
}
input[type=submit]:hover {
background-color: #711616;
cursor: pointer;
}
.form-control {
height: 30px;
background: #fff;
border: 1px #ef373e solid;
padding: 0 15px;
font-size: 16px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form-control:focus {
border-color: #00bcd9;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
}
textarea.form-control {
height: 160px;
padding-top: 15px;
resize: none;
}
.content-column ul li {
list-style-type: disc;
margin-left: 20px;
}
</style>
@endpush

View File

@@ -0,0 +1,336 @@
@extends(env('CLIENT_PATH') . '.welcome')
@section('content')
<div class="container">
<div class="form-box">
<div class="boximage">
<img src="<?php echo site_url(SITEVARS->Campaigns[0]->cover_photo); ?>" class="img-fluid" />
</div>
<!-- <div class="infotext">
<h1> <?php //echo SITEVARS->Campaigns[0]->title;
?></h1>
</div> -->
<form method="post" action="#" id="enquiry-form">
@csrf
<input type="hidden" name="sources_id" value="3" />
<input type="hidden" name="campaigns_id" value="<?php echo SITEVARS->Campaigns[0]->campaign_id; ?>" />
<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="">
</div>
</div>
</div>
<div class="form-row">
<div class="col-12 col-sm-6 col-md-12 col-lg-6">
<div class="form-group"><label for="from-email">Email</label><span class="required-input">*</span>
<input class="form-control" type="email" id="from-email" name="email" required="">
</div>
</div>
<div class="col-12 col-sm-6 col-md-12 col-lg-6">
<div class="form-group"><label for="from-phone">Mobile Number</label><span class="required-input">*</span>
<div class="input-group">
<input class="form-control" type="text" id="from-phone" name="mobile" required pattern="9\d{9}">
</div>
</div>
</div>
</div>
<div class="form-row">
<div class="col-12 col-sm-12 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-12 col-sm-6 col-md-3 col-lg-3">
<div class="form-group"><label for="highest_grade">Highest Scored:</label><span class="required-input">*</span>
<div class="input-group">
<input class="form-control" type="text" id="highest_grade" name="highest_grade" autocomplete="off">
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3 col-lg-3">
<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">
</div>
</div>
</div>
<!-- <div class="col-12 col-sm-6 col-md-12 col-lg-12">
<div class="form-group"><label for="preferred_destination">Preferred Study Destination:</label>
<div class="select-group">
<select name="preferred_destination" class="form-control field-info">
<option value="" selected="" disabled="">Preferred Study Destination</option>
<option value="UK">Study in UK</option>
<option value="Australia">Study in Australia</option>
<option value="USA">Study in USA</option>
<option value="Canada">Study in Canada</option>
<option value="Other Destination">Others</option>
</select>
</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"></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" type="submit" id="submitButton">Register</button></div>
</div>
</div>
</div>
</form>
<?php //pre(SITEVARS->Campaigns[0]);
?>
<div class="modal fade" id="success-modal" tabindex="-1" role="dialog" aria-labelledby="success-modal-label" aria-hidden="true">
<div class="modal-dialog modal-xl" 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">&times;</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">&times;</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>
</div>
</div>
@endsection
@push('js')
<script>
$(document).ready(function() {
$('#enquiry-form').submit(function(e) {
e.preventDefault();
$("#submitButton").prop("disabled", true);
var formData = $(this).serialize();
var response = "";
$.ajax({
type: 'POST',
url: '<?php echo route('registration.submit'); ?>',
data: formData,
success: function(response) {
if (response.status) {
$('#registration-id').text(response.registration_id);
$('#success-modal-label').text("Registration is successful");
$('#success-modal-qr').html("<img src='" + response.qr_code +
"' class='img-fluid' />");
var downloadLink = document.createElement('a');
downloadLink.href = response.qr_code;
downloadLink.download =
'pranjal_educaiton_consultancy_qrcode.png';
$('#success-modal').modal('show');
$form[0].reset();
$("#submitButton").prop("disabled", false);
} else if (response.message ==
'Mobile number already exists. Returning existing data.') {
var existingRegistrationData = response.registration;
var downloadLink = document.createElement('a');
downloadLink.href = response.qr_code;
downloadLink.download =
'pranjal_educaiton_consultancy_qrcode.png';
$('#success-modal-label').text(response.message);
$('#success-modal-qr').html("<img src='" + response.qr_code +
"' class='img-fluid' />");
$('#success-modal').modal('show');
$("#submitButton").prop("disabled", false);
} else {
var errorMessages = '';
$.each(response.errors, function(field, errors) {
errorMessages += errors.join('<br>');
});
$('#error-modal .modal-body').html(errorMessages);
$('#error-modal').modal('show');
$("#submitButton").prop("disabled", false);
}
}
});
});
$('#success-modal').on('hidden.bs.modal', function() {
$('#enquiry-form')[0].reset(); // Reset the form
fbq('track', 'CompleteRegistration', {
currency: "USD",
value: 1.00
});
});
$('#downloadButton').on('click', function() {
var downloadLink = document.createElement('a');
downloadLink.href = $('#success-modal-qr img').attr('src');
downloadLink.download = 'pranjal_educaiton_consultancy_qrcode.png';
downloadLink.click();
$("#submitButton").prop("disabled", false);
});
});
</script>
@endpush
@push('css')
<style>
* {
box-sizing: border-box;
}
body {
background: #9c1e5b;
}
.form-box {
display: block;
margin: 0 auto;
margin-top: 5%;
margin-bottom: 5%;
background-color: white;
width: 98%;
border-radius: 5px;
box-shadow: 10px 10px 0 0 #3e2c75;
}
.boximage {
width: 100%;
height: auto;
background-size: cover;
border-radius: 5px 5px 0 0;
}
.infotext {
width: 100%;
padding: 3%;
text-align: center;
color: #162c38;
font-family: sans-serif;
}
h1 {
font-family: 'Roboto Slab', serif;
font-size: 1.1em;
color: #162c38;
text-transform: uppercase;
}
.infotext p {
line-height: 1.5em;
letter-spacing: 0.05em;
}
form {
width: 100%;
padding: 5%;
}
.required-input {
color: #f00;
}
input {
display: block;
width: 100%;
border: solid 1px #bbb7b7;
border-radius: 5px;
margin-bottom: 15px;
padding: 2%;
font-size: 0.8em;
font-family: sans-serif;
letter-spacing: 0.1em;
color: #888;
text-align: left;
}
input[type=submit] {
border: none;
border-radius: 5px;
background-color: #a82d2d;
color: #fff;
text-align: center;
}
input[type=submit]:hover {
background-color: #711616;
cursor: pointer;
}
.form-control {
height: 50px;
background: #ecf0f4;
border-color: transparent;
padding: 0 15px;
font-size: 16px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form-control:focus {
border-color: #00bcd9;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
}
textarea.form-control {
height: 160px;
padding-top: 15px;
resize: none;
}
.content-column ul li {
list-style-type: disc;
margin-left: 20px;
}
</style>
@endpush

View File

@@ -0,0 +1,57 @@
<?php // dd($data); ?>
<title>
<?php if (isset($data)) {
echo ($data->seo_title != "") ? $data->seo_title : $data->title;
echo " | " . SITEVARS->title;
} else {
echo SITEVARS->seo_title;
}
?>
</title>
<meta name="description" content="<?php
if (isset($data)) {
echo ($data->seo_descriptions != "") ? $data->seo_descriptions : SITEVARS->seo_description;
} else {
echo SITEVARS->seo_description;
}
?>">
<meta name="keywords" content="<?php
if (isset($data)) {
echo ($data->seo_keywords != "") ? $data->seo_keywords : SITEVARS->seo_keywords;
} else {
echo SITEVARS->seo_keywords;
}
?>">
<meta name="author" content="Bibhuti Solution Pvt. Ltd.">
<meta name="subject" content="<?php
if (isset($data)) {
echo ($data->seo_descriptions != "") ? $data->seo_descriptions : SITEVARS->seo_description;
} else {
echo SITEVARS->seo_description;
}
?>">
<meta property="og:title" content="<?php if (isset($data)) {
echo ($data->seo_title != "") ? $data->seo_title : $data->title;
echo " | " . SITEVARS->title;
} else {
echo SITEVARS->seo_title;
}
?>">
<meta property="og:description" content="<?php
if (isset($data)) {
echo ($data->seo_descriptions != "") ? $data->seo_descriptions : SITEVARS->seo_description;
} else {
echo SITEVARS->seo_description;
}
?>">
<meta property="og:image" content="<?php echo site_url(SITEVARS->og_image); ?>">
<meta property="og:url" content="<?php echo site_url(); ?>">
<meta property="og:site_name" content="<?php echo SITEVARS->title; ?>">
<?php if(isset($data))
{
echo $data->og_tags;
}
?>

Binary file not shown.

Binary file not shown.

View File

@@ -0,0 +1,190 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><?php echo SITEVARS->Campaigns[0]->seo_title; ?> : {{env("APP_NAME")}}</title>
<link rel="icon" type="image/x-icon" href="<?php echo SITEVARS->icon; ?>">
@if (!View::hasSection('seo'))
@include(env("CLIENT_PATH").'.partials.seo')
@endif
@yield("seo")
<!-- Stylesheets -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&amp;display=swap" rel="stylesheet">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
@stack("css")
<?php echo SITEVARS->meta_pixel_code; ?>
<style>
.sbuttons {
bottom: 5%;
position: fixed;
margin: 1em;
left: 0;
z-index: 9999;
}
.sbutton {
display: block;
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
color: white;
margin: 20px auto 0;
box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
cursor: pointer;
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
position: relative;
}
.sbutton>i {
font-size: 38px;
line-height: 60px;
transition: all .2s ease-in-out;
transition-delay: 2s;
}
.sbutton:active,
.sbutton:focus,
.sbutton:hover {
box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
}
.sbutton:not(:last-child) {
width: 60px;
height: 60px;
margin: 20px auto 0;
opacity: 0;
}
.sbutton:not(:last-child)>i {
font-size: 25px;
line-height: 60px;
transition: all .3s ease-in-out;
}
.sbuttons:hover .sbutton:not(:last-child) {
opacity: 1;
width: 60px;
height: 60px;
margin: 15px auto 0;
}
.sbutton:nth-last-child(1) {
-webkit-transition-delay: 25ms;
transition-delay: 25ms;
}
.sbutton:not(:last-child):nth-last-child(2) {
-webkit-transition-delay: 20ms;
transition-delay: 20ms;
}
.sbutton:not(:last-child):nth-last-child(3) {
-webkit-transition-delay: 40ms;
transition-delay: 40ms;
}
.sbutton:not(:last-child):nth-last-child(4) {
-webkit-transition-delay: 60ms;
transition-delay: 60ms;
}
.sbutton:not(:last-child):nth-last-child(5) {
-webkit-transition-delay: 80ms;
transition-delay: 80ms;
}
.sbutton:not(:last-child):nth-last-child(6) {
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
[tooltip]:before {
font-family: 'Roboto';
font-weight: 600;
border-radius: 2px;
background-color: #585858;
color: #fff;
content: attr(tooltip);
font-size: 12px;
visibility: hidden;
opacity: 0;
padding: 5px 7px;
margin-left: 10px;
position: absolute;
left: 100%;
bottom: 20%;
white-space: nowrap;
}
[tooltip]:hover:before,
[tooltip]:hover:after {
visibility: visible;
opacity: 1;
}
.sbutton.mainsbutton {
background: #2ab1ce;
}
.sbutton.gplus {
background: #F44336;
}
.sbutton.pinteres {
background: #e60023;
}
.sbutton.twitt {
background: #03A9F4;
}
.sbutton.fb {
background: #3F51B5;
}
.sbutton.whatsapp {
background: #00e676;
}
.sbutton.tiktok {
background: #000000;
}
</style>
{!!(SITEVARS->meta_pixel_code)?SITEVARS->meta_pixel_code:""!!}
</head>
<body class="hidden-bar-wrapper">
<div class="sbuttons">
</div>
<!-- Main Header-->
@include(env("CLIENT_PATH").".partials.header")
@yield("content")
<!-- End News Section -->
@include(env("CLIENT_PATH").".partials.footer")
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-up"></span></div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
@stack("js")
</body>
</html>