<?php
$repairLink = Config('params.book_repair_link');
?>
@extends('front.layout')

@section('headMeta')
    @if (isset($pageData->NoIndexFollowTag))
        @if ($pageData->NoIndexFollowTag == 'Yes')
            <meta name="robots" content="noindex,nofollow" />
        @endif
    @endif
@endsection
@section('title')
    {{ $pageData->MetaTitle }}
@endsection
@section('description')
    {{ $pageData->MetaDescription }}
@endsection
@include('front/common/meta')

@section('content')
    @if (!empty($sec1))
        <section class="page-banner bg-overlay"
            style="background-image: url({{ asset(Config('params.media_path.large') . $pageData->HeaderImageName) }});">
            <div class="page-inner-box col-md-6 text-center text-white">
                <h1 class="text-uppercase">{{ $pageData->Title }}</h1>
                <?php echo $pageData->short_description; ?>
            </div>
        </section>
    @endif

    <section class="py-lg-5 py-3">
        <div class="container">
            <ul class="row nav no-gutters d-lg-flex d-none" id="Mytabs" role="tablist">
                <li class="col-md-4">
                    <a class="contact-link text-center active d-block p-3" id="NewCustomers-tab" data-toggle="tab"
                        href="#NewCustomers" role="tab" aria-controls="NewCustomers" aria-selected="true">
                        New Customers
                    </a>
                </li>
                <li class="col-md-4">
                    <a class="contact-link text-center d-block p-3" id="ExistingCustomers-tab" data-toggle="tab"
                        href="#ExistingCustomers" role="tab" aria-controls="ExistingCustomers" aria-selected="false">
                        Existing Customers
                    </a>
                </li>
                <li class="col-md-4">
                    <a class="contact-link text-center d-block p-3" id="JoinOurTeam-tab" data-toggle="tab"
                        href="#JoinOurTeam" role="tab" aria-controls="JoinOurTeam" aria-selected="false">
                        Join Our Team
                    </a>
                </li>
            </ul>
            <div class="row accordion tab-content pt-5" id="contact-accordion">
                <div class="col-md-12 tab-pane fade show active" id="NewCustomers" role="tabpanel"
                    aria-labelledby="NewCustomers-tab">
                    <h4 class="d-lg-none d-block open  p-2 contact-link  collapsed" data-toggle="collapse"
                        data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">New Customers <span
                            class="fas fa-plus float-right"></i></h4>
                    <div class="row align-items-center collapse show" id="collapseOne" data-parent="#contact-accordion">
                        <div class="col-lg-4 mb-lg-0 mb-3 text-center">
                            @if (isset($cell))
                                <p class="font-weight-bold">Call Our HomeFlo Agents Now On</p>
                                <p><i class="fas fa-phone fa-2x fa-flip-horizontal text-primary"></i></p>
                                <p class="h4"><a href="tel:{{ $cell->content }}">{{ $cell->content }}</a></p>
                            @endif
                        </div>
                        <div class="col-lg-4 mb-lg-0 mb-3 text-center">
                            @if (isset($email))
                                <p class="font-weight-bold">Email Us</p>
                                <p><i class="fas fa-envelope fa-2x text-primary"></i></p>
                                <p class="h4"><a href="mailto:{{ $email->content }}">{{ $email->content }}</a></p>
                            @endif
                        </div>
                        <div class="col-lg-4 mb-lg-0 mb-3 text-center">
                            <a href="https://portal.joblogic.com/" rel="nofollow" target="_blank"
                                title="Login to JobLogic Web" class="btn btn-primary btn-lg btn-contact-enquiry">Book A
                                Repair</a>
                        </div>
                        <div class="col-md-12 mt-4">
                            <div class="contact-enquiry-form">
                                <h3 class="text-center text-primary mb-lg-4 mb-3">Get In Touch With {{ env('APP_NAME') }}
                                </h3>
                                {!! Form::open(['class' => '', 'url' => '/email-us', 'files' => true, 'enctype' => 'multipart/form-data']) !!}
                                <div class="row justify-content-center">
                                    <div class="col-lg-5 mb-3">
                                        <input type="text" name="name" class="form-control form-control-lg"
                                            placeholder="First Name">
                                        @if ($errors->has('name'))
                                            <span class="text-danger">{{ $errors->first('name') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-lg-5 mb-3">
                                        <input type="text" name="surname" class="form-control form-control-lg"
                                            placeholder="Surname">
                                        @if ($errors->has('surname'))
                                            <span class="text-danger">{{ $errors->first('surname') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-lg-5 mb-3">
                                        <input type="text" name="phone" class="form-control form-control-lg"
                                            placeholder="Phone Number">
                                        @if ($errors->has('phone'))
                                            <span class="text-danger">{{ $errors->first('phone') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-lg-5 mb-3">
                                        <input type="email" name="email" class="form-control form-control-lg"
                                            placeholder="Email Address">
                                        @if ($errors->has('email'))
                                            <span class="text-danger">{{ $errors->first('email') }}</span>
                                        @endif
                                    </div>
                                    <div class="col-lg-10 mb-3">
                                        <textarea name="message" rows="5" class="form-control form-control-lg" placeholder="Additional Information"></textarea>
                                    </div>
                                    <div class="col-md-12 text-center">
                                        <button class="btn btn-primary btn-lg">Submit</button>
                                    </div>
                                </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 tab-pane fade" id="ExistingCustomers" role="tabpanel"
                    aria-labelledby="ExistingCustomers-tab">
                    <h4 class="d-lg-none d-block contact-link  p-2  collapsed" data-toggle="collapse"
                        data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Existing Customers
                        <span class="fas fa-plus float-right"></i></h4>
                    <div class="row align-items-center collapse show" id="collapseTwo" data-parent="#contact-accordion">
                        <div class="col-lg-4 mb-lg-0 mb-3 text-center">
                            <p class="font-weight-bold">Call Our 24/7 Helpline</p>
                            <p><i class="fas fa-phone fa-2x fa-flip-horizontal text-primary"></i></p>
                            <p class="h4"><a href="tel:0800 422 0124">0800 422 0124</a></p>
                        </div>
                        <div class="col-lg-4 mb-lg-0 mb-3 text-center">
                            <p class="font-weight-bold">Email Us</p>
                            <p><i class="fas fa-envelope fa-2x text-primary"></i></p>
                            <p class="h4">Customer Service: <a
                                    href="mailto:customerservice@homeflo.co.uk">customerservice@homeflo.co.uk</a></p>
                            <p class="h4">Complaints: <a
                                    href="mailto:complaints@homeflo.co.uk">complaints@homeflo.co.uk</a></p>
                        </div>
                        <div class="col-lg-4 mb-lg-0 mb-3 text-center">
                            <a href="https://portal.joblogic.com/" rel="nofollow" target="_blank"
                                title="Login to JobLogic Web" class="btn btn-primary btn-lg">Book A Repair</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 tab-pane fade" id="JoinOurTeam" role="tabpanel" aria-labelledby="JoinOurTeam-tab">
                    <h4 class="d-lg-none d-block contact-link  p-2  collapsed" data-toggle="collapse"
                        data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Join Our Team
                        <span class="fas fa-plus float-right"></i></h4>
                    <div class="row align-items-center collapse show" id="collapseThree"
                        data-parent="#contact-accordion">
                        <div class="col-lg-4 mb-lg-0 mb-3 text-center">
                            <p class="font-weight-bold">Call Our Recruitment Division</p>
                            <p><i class="fas fa-phone fa-2x fa-flip-horizontal text-primary"></i></p>
                            <p class="h4"><a href="tel:0800 422 0124">0800 422 0124</a></p>
                        </div>
                        <div class="col-lg-4 mb-lg-0 mb-3 text-center">
                            <p class="font-weight-bold">Email Us</p>
                            <p><i class="fas fa-envelope fa-2x text-primary"></i></p>
                            <p class="h4"><a href="mailto:recruitment@homeflo.co.uk">recruitment@homeflo.co.uk</a></p>
                        </div>
                        <div class="col-lg-4 mb-lg-0 mb-3 text-center">
                            <a href="{{ url('become_an_engineer') }}" class="btn btn-primary btn-lg">Become An
                                Engineer</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <section class="py-lg-5 py-3">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h3>Office Address</h3>
                    <p>HomeFlo Ltd<br> Capital Business Centre, <br> 22 Carlton Road,<br> South Croydon,<br> CR2 0BS</p>

                    @if (isset($timing))
                        <h3>{{ $timing->title }}</h3>
                        {{ $timing->content }}
                    @endif
                </div>
                @if (!empty($sec2))
                    <div class="col-md-6">
                        <?php echo $sec2->Content; ?>
                    </div>
                @endif
            </div>
        </div>
    </section>

    @include('front/common/google_reviews')
@endsection
