Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/mcoil.corals.io/resources/views/front/ |
@extends('layouts.front.app',['page_details' => $page_details])
@section('content')
@include('layouts.front.banner')
<div class="main-content">
@if(!empty($textBox1))
<div class="container">
<div class="row">
@if(empty($textBox1->image) && empty($textBox1->video_url))
<div class="col-md-12">
<h2 class="text-center bold">{{ $textBox1->title }}</h2>
{!! $textBox1->content !!}
@if(!empty($textBox1->button_text) || !empty($textBox1->button_text2))
<div class="row">
<div class="col-md-12 text-center">
@if(!empty($textBox1->button_text))<a href="{{ $textBox1->button_link }}" class="btn btn-subscribe btn-lg margin-top-20" title="{{ $textBox1->button_text }}">{{ $textBox1->button_text }}</a> @endif
@if(!empty($textBox1->button_text2))<a href="{{ $textBox1->button_link2 }}" class="btn btn-dark btn-lg font-black margin-top-20" title="{{ $textBox1->button_text2 }}">{{ $textBox1->button_text2 }}</a> @endif
</div>
</div>
@endif
</div>
@else
<div class="col-md-4">
@if(!empty($textBox1->video_url))
<video autoplay muted loop id="displayedVideo">
<source src="{{$textBox1->video_url}}" type="video/mp4">
</video>
@elseif(empty($textBox1->video_url) && !empty($textBox1->image))
<img class="img-fluid" src="{{ URL::to('/public') }}/img/images_uploaded/{{$textBox1->image}}" alt="{{$textBox1->img_meta_alt}}" />
@endif
</div>
<div class="col-md-8">
<div class="section-title">
<h2>{{ $textBox1->title }}</h2>
{!! $textBox1->content !!}
@if(!empty($textBox1->button_text) || !empty($textBox1->button_text2))
<div class="row">
<div class="col-md-12 text-center">
@if(!empty($textBox1->button_text))<a href="{{ $textBox1->button_link }}" class="btn btn-subscribe btn-lg margin-top-20" title="{{ $textBox1->button_text }}">{{ $textBox1->button_text }}</a> @endif
@if(!empty($textBox1->button_text2))<a href="{{ $textBox1->button_link2 }}" class="btn btn-dark btn-lg font-black margin-top-20" title="{{ $textBox1->button_text2 }}">{{ $textBox1->button_text2 }}</a> @endif
</div>
</div>
@endif
</div>
</div>
@endif
</div>
</div>
@endif
@if(!empty($banner2))
<div class="container-fluid margin-top-30 margin-bottom-50" style="background: #fff url('<?php echo isset( $banner2 ) ? "/public/img/images_uploaded/" . $banner2->background_img: ''; ?>') no-repeat; background-size: cover; background-position: center; background-attachment: fixed; height: 255px; position: relative;">
<div class="row">
<div class="col-md-12 banner2nd">
<div class="overlay-dark center-align-flexbox">
<div>
<div class="col-md-12 text-center">
{!! (isset($banner2->content)) ? $banner2->content: '' !!}
@if(!empty($banner2->button_text))<a href="{{ $banner2->link_button }}" class="btn btn-subscribe btn-lg" title="{{ $banner2->button_text }}">{{ $banner2->button_text }}</a> @endif
@if(!empty($banner2->button_text2))<a href="{{ $banner2->button_link2 }}" class="btn btn-dark btn-lg font-black" title="{{ $banner2->button_text2 }}">{{ $banner2->button_text2 }}</a> @endif
</div>
</div>
</div>
</div>
</div>
</div>
@endif
@if(!empty($textBox2))
<div class="container">
<div class="row">
@if(empty($textBox2->image) && empty($textBox2->video_url))
<div class="col-md-12">
<h2 class="text-center bold">{{ $textBox2->title }}</h2>
{!! $textBox2->content !!}
@if(!empty($textBox2->button_text) || !empty($textBox2->button_text2))
<div class="row">
<div class="col-md-12 text-center">
@if(!empty($textBox2->button_text))<a href="{{ $textBox2->button_link }}" class="btn btn-subscribe btn-lg margin-top-20" title="{{ $textBox2->button_text }}">{{ $textBox2->button_text }}</a> @endif
@if(!empty($textBox2->button_text2))<a href="{{ $textBox2->button_link2 }}" class="btn btn-dark btn-lg font-black margin-top-20" title="{{ $textBox2->button_text2 }}">{{ $textBox2->button_text2 }}</a> @endif
</div>
</div>
@endif
</div>
@else
<div class="col-md-4">
@if(!empty($textBox2->video_url))
<video autoplay muted loop id="displayedVideo">
<source src="{{$textBox2->video_url}}" type="video/mp4">
</video>
@elseif(empty($textBox2->video_url) && !empty($textBox2->image))
<img class="img-fluid" src="{{ URL::to('/public') }}/img/images_uploaded/{{$textBox2->image}}" alt="{{$textBox2->img_meta_alt}}" />
@endif
</div>
<div class="col-md-8">
<div class="section-title">
<h2>{{ $textBox2->title }}</h2>
{!! $textBox2->content !!}
@if(!empty($textBox2->button_text) || !empty($textBox2->button_text2))
<div class="row">
<div class="col-md-12 text-center">
@if(!empty($textBox2->button_text))<a href="{{ $textBox2->button_link }}" class="btn btn-subscribe btn-lg margin-top-20" title="{{ $textBox2->button_text }}">{{ $textBox2->button_text }}</a> @endif
@if(!empty($textBox2->button_text2))<a href="{{ $textBox2->button_link2 }}" class="btn btn-dark btn-lg font-black margin-top-20" title="{{ $textBox2->button_text2 }}">{{ $textBox2->button_text2 }}</a> @endif
</div>
</div>
@endif
</div>
</div>
@endif
</div>
</div>
@endif
@if(!empty($productServiceBoxes))
@php $toggle = true @endphp
<div class="container-fluid oil-boxes">
<div class="row oil-products">
@foreach($productServiceBoxes as $productService)
@php $imgPath = str_replace('/storage/', '/', $productService->background_img) @endphp
<div class="col-md-6 {{ ($toggle) ? 'home-heating-oil': 'commercial-fuels' }}" style="background: url('{{ asset("/public/img/images_uploaded" . $imgPath) }}'); background-size:cover;">
<div class="overlay-dark center-align-flexbox">
<div class="row">
@if(!empty($productService->title))
<div class="col-md-12 text-center">
<h2 class="font-white bold">{{ $productService->title }}</h2>
</div>
@endif
@if(!empty($productService->text))
<div class="col-md-12 text-center">
<div id="oil-second">
<p>{{ $productService->text }}</p>
</div>
</div>
@endif
@if(!empty($productService->link_button))
<div class="col-md-12 text-center">
<a href="{{ url('/') . $productService->link_button }}" title="{{ $productService->title }}" class="btn btn-outline-light btn-rounded btn-lg">{{ $productService->sub_title }}</a>
</div>
@endif
</div>
</div>
</div>
@php $toggle = !$toggle @endphp
@endforeach
</div>
</div>
@endif
@if(!empty($orderStepServiceBoxes))
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="wizard">
<h3>Online oil ordering made easy in 4 steps!</h3>
<div class="wizard-inner">
<div class="connecting-line"></div>
<div class="vertical-line">
<ul class="nav nav-tabs">
@foreach($orderStepServiceBoxes as $key => $orderService)
<li class="col-md-3">
<div class="row">
<div class="col-md-12">
<span class="round-tab">{{ $key + 1 }}</span>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h4>{{ $orderService->title }}</h4>
<p class="stepmargin">{!! $orderService->text !!}</p>
<p>
@php $imgpath = str_replace('/storage/', '/', $orderService->background_img) @endphp
<img src="{{ asset('/public/img/images_uploaded/'.$imgpath) }}" alt="Step {{ $key + 1 }}" data-img="{{ $orderService->background_img }}" />
</p>
</div>
</div>
</li>
@endforeach
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
@endif
<div class="container">
<div class="row margin-top-40">
<div class="col-md-6">
<h3 class="margin-top-40"><strong>Balbriggan Office</strong> - {{ $contact_info['phone'] }}</h3>
<p>{{ $contact_info['address'] }}</p>
@if(!empty($contact_info['google_map']))
<div class="mapouter">
<div class="gmap_canvas">
@if(!empty($contact_info['opening_time']))
<iframe width="100%" height="250" id="gmap_canvas" src="{{ $contact_info['google_map'] }}" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
@else
<iframe width="100%" height="500" id="gmap_canvas" src="{{ $contact_info['google_map'] }}" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
@endif
</div>
</div>
@endif
@if(!empty($contact_info['opening_time']))
<div class="col-md-12">
{{ $contact_info['opening_time'] }}
</div>
@endif
<div class="col-md-12">
<ul class="footer-social margin-top-30">
@if($contact_info['facebook']) <li><a href="{{ $contact_info['facebook'] }}" title="Follow us on Facebook"><i class="fa fa-facebook font-red" aria-hidden="true"></i></a></li>@endif
@if($contact_info['twitter']) <li><a href="{{ $contact_info['twitter'] }}" title="Follow us on Twitter"><i class="fa fa-twitter font-red" aria-hidden="true"></i></a></li>@endif
@if($contact_info['instagram']) <li><a href="{{ $contact_info['instagram'] }}" title="Follow us on Instagram"><i class="fa fa-instagram font-red" aria-hidden="true"></i></a></li>@endif
@if($contact_info['linkedin']) <li><a href="{{ $contact_info['linkedin'] }}" title="Follow us on Linkedin"><i class="fa fa-linkedin font-red" aria-hidden="true"></i></a></li>@endif
</ul>
</div>
</div>
<div class="col-md-6 margin-top-40">
@include('layouts.errors-and-messages')
<form method="post" action="{{ route('contact.submit') }}" accept-charset="utf-8" id="frm_add" class="form">
<input type="hidden" id="enquiryto" name="enquiryto" value="Balbriggan Office" />
@csrf
<input type="hidden" name="form_type" value="new-query">
<div class="row">
<div class="col-sm-6 form-group">
<label for="name"> Full Name</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input placeholder="" class="form-control input-lg" id="name" maxlength="50" autocomplete="off" required="required" name="name" type="text" />
</div>
</div>
<div class="col-sm-6 form-group">
<label for="email"> Email</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-at"></i></span>
<input placeholder="" class="form-control input-lg" id="email" maxlength="50" autocomplete="off" required="required" name="email" type="email" />
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 form-group">
<label for="phone"> Phone</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-phone"></i></span>
<input placeholder="" class="form-control input-lg" id="phone" maxlength="20" autocomplete="off" required="required" name="phone" type="text" />
</div>
</div>
<div class="col-sm-6 form-group">
<label for="county"> County</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-map-marker"></i></span>
<input placeholder="" class="form-control input-lg" id="county" maxlength="50" autocomplete="off" name="county" type="text" />
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 form-group">
<label for="address"> Address</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-map-marker"></i></span>
<input placeholder="" class="form-control input-lg" id="address1" maxlength="50" autocomplete="off" name="address1" type="text" />
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 form-group">
<label for="name"> Message:</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope"></i></span>
<textarea placeholder="" class="form-control input-lg" id="message" autocomplete="off" required="required" maxlength="6000" rows="7" name="message" cols="50"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<p class="font-red bold">Please agree to our privacy policy:</p>
</div>
<div class="col-sm-12">
<div class="form-group">
<div class="input-group">
<input type="checkbox" name="confirm" id="confirm" value="yes">
<label>By using this form you agree to our terms</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 form-group">
<input type="hidden" name="recaptcha" id="recaptcha">
<button type="submit" class="btn btn-lg btn-block btn-send">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
@include('layouts.front.call-to-action-footer')
</div>
@endsection
@section('js')
<script src="{{ asset('https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js') }}"></script>
<script src="https://www.google.com/recaptcha/api.js?render={{ config('services.recaptcha.sitekey') }}"></script>
<script type="text/javascript">
$(document).ready(function () {
grecaptcha.ready(function() {
grecaptcha.execute('{{ config('services.recaptcha.sitekey') }}', {action: 'contact'}).then(function(token) {
if (token) {
document.getElementById('recaptcha').value = token;
}
});
});
$.validator.addMethod("phonenumber", function(value) {var re = /^[\d\s()+-]+$/; return re.test(value);}, "Please enter a valid phone number");
$('#frm_add').validate({
errorPlacement: function(error, element) {
if (element.parent('.input-group').length) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
},
rules: {
name: { required: true },
email: { required: true, email: true },
phone: { phonenumber: true, minlength: 7, maxlength: 19 },
message: { required: true },
confirm: { required: true }
},
messages: {
name: { required: 'Please enter a full name' },
email: { required: 'Please enter an email address', email: 'Please enter a valid email address' },
phone: { phonenumber: 'Please enter a valid phone number' },
message: { required: 'Please enter a message' },
confirm: { required: 'Please confirm your agreement' }
}
});
});
</script>
@endsection