| Current File : /home/itiffy/public_html/resources/views/frontend/request-a-quote.blade.php |
@extends('frontend.layouts.master')
@section('content')
<!-- BANNER SECTION -->
<div class="inner-banner-section">
<h1>Request A Quote</h1>
<p>We seek to create long-term relationships built purely on results that speak for itself.</p>
<div class="icon-logo"><img src="{{ url('public/images') }}/icon-logo.png" alt=""></div>
</div>
<!-- /BANNER SECTION -->
<div class="breadcrumb-box">
<ol class="breadcrumb container">
<li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fa fa-home" aria-hidden="true"></i></a></li>
<li class="breadcrumb-item active">Request A Quote</li>
</ol>
</div>
<!-- /BREADCRUMB SECTION -->
<!-- CONTENT SECTION -->
<div class="content-section">
<!-- Section01 -->
<div class="contact-section01">
<div class="container">
<form class="well form-horizontal" id="free-quote" action="{{ route('request-a-quote') }}" method="post" enctype="multipart/form-data">
<fieldset>
<input type="hidden" name="_token" value="{{ csrf_token() }}">
@if(session()->has('success'))
<!-- Success message -->
<div class="alert alert-success" role="alert">
<a href="#" class="close" data-dismiss="alert">×</a>{{ session()->get('success') }}</div>
@endif
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label">Full Name <span>*</span></label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input id="full_name" name="full_name" placeholder="Full Name" class="form-control" type="text">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label">E-Mail <span>*</span></label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
<input name="email" id="email" placeholder="E-Mail Address" class="form-control" type="text">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label">Phone Number <span>*</span></label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-earphone"></i></span>
<input name="phone_number" id="phone_number" placeholder="Phone Number" class="form-control" type="text" maxlength="15">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label">Address</label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-pushpin"></i></span>
<textarea class="form-control" name="address" id="address" placeholder="Address"></textarea>
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Website or domain name</label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-globe"></i></span>
<input name="domain_name" id="domain_name" placeholder="Website or domain name" class="form-control" type="text">
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Attachment</label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-paperclip"></i></span>
<input name="attachment" id="attachment" placeholder="Website attachment" class="form-control" type="file" style="padding:0;">
</div>
</div>
</div>
<!-- radio checks -->
<div class="form-group">
<label class="col-md-4 control-label">Do you have hosting?</label>
<div class="col-md-5">
<div class="radio">
<input type="radio" name="do_you_have_hosting" id="do_you_have_hosting" value="Yes">
<label for="do_you_have_hosting">Yes </label>
</div>
<div class="radio">
<input type="radio" name="do_you_have_hosting" id="do_you_have_hosting1" value="No" checked>
<label for="do_you_have_hosting1"> No </label>
</div>
</div>
</div>
<!-- Text area -->
<div class="form-group">
<label class="col-md-4 control-label">Project Description</label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span>
<textarea class="form-control" name="project_description" id="project_description" placeholder="Project Description"></textarea>
</div>
</div>
</div>
<!-- Success message -->
{{-- <div class="alert alert-success" role="alert" id="success_message">Success <i class="glyphicon glyphicon-thumbs-up"></i> Thanks for contacting us, we will get back to you shortly.</div> --}}
<!-- Button -->
<div class="form-group">
<div class="col-md-4"></div>
<div class="col-md-5 inputGroupContainer">
<div class="g-recaptcha" data-sitekey="6Lc06kEUAAAAAD00dT4hHc1ijX_7e9kZHAO-6SM3"></div>
<span id="reCaptchaError"></span>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label"></label>
<div class="col-md-5">
<button type="submit" name="request_submit" class="btn btn-warning btn-lg" >Send <span class="glyphicon glyphicon-send"></span></button>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
<!-- /Section01 -->
<!-- /CONTENT SECTION -->
@endsection
@section('javascript')
<script type="text/javascript">
$(document).ready(function() {
$.validator.addMethod("filesize_max", function(value, element, param) {
var isOptional = this.optional(element),
file;
if(isOptional) {
return isOptional;
}
if ($(element).attr("type") === "file") {
if (element.files && element.files.length) {
file = element.files[0];
return ( file.size && file.size <= param );
}
}
return false;
}, "File size is too large.");
// validate signup form on keyup and submit
$("#free-quote").validate({
//onfocusout: true,
onkeyup: function(element) { $(element).valid(); },
onfocusout: function(element) { $(element).valid(); },
rules: {
full_name: {
required: true
},
email:{
required: true,
email: true
},
phone_number:{
required: true,
},
// address:{
// required: true,
// },
// project_description:{
// required: true
// },
attachment: {
filesize_max: 1998848,
extension: "png|pngg|jpg|jpeg|pdf|doc|docx"
},
},
messages: {
attachment:{
filesize_max:" file size must be less than 2 MB.",
extension:"Only .jpg,.png,.pdf,.doc files allowed."
//required:"Please upload file."
}
},
submitHandler: function(form) {
if (grecaptcha.getResponse() == ''){
// if error I post a message in a div
$( '#reCaptchaError' ).html( '<p class="error">Please verify you are human.</p>' );
}else{
$( '#reCaptchaError' ).html( '' );
form.submit();
}
}
});
});
</script>
@stop