@extends('front.layout')

@include('front/common/meta')

@section('content')
@if(!empty($sec1) )
 <section class="page-banner service-details bg-overlay" style="background-image: url({{ asset('/front/images/Woman_Signing_Form.jpg') }});">
            <div class="container page-inner-box text-white pt-5">
                <div class="row justify-content-between">
                    <div class="col-md-12 text-center pb-lg-4">
                        <h1>Your Flo Cover Is Tailored To Your Needs</h1>
                    </div>
                          <?php echo $sec1->Content; ?>
                    <div class="col-lg-5">
                        <div class="callback-form p-4">
                            <h3 class="mb-lg-4">Request A Call Back</h3>
                            <div class="form-group">
                                <input type="text" name="name" class="form-control" placeholder="Your Name">
                            </div>
                            <div class="form-group">
                                <input type="text" name="phone" class="form-control" placeholder="Your Phone Number">
                            </div>
                            <div class="form-group">
                                <input type="email" name="email" class="form-control" placeholder="Your Email Address">
                            </div>
                            <div class="form-group">
                                <textarea name="message" rows="3" class="form-control" placeholder="Your Message"></textarea>
                            </div>
                            <div class="form-group text-center">
                                <button class="btn btn-lg btn-primary"><i class="far fa-hand-point-right mr-1"></i>Send To Our Team</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
@endif
@if(!empty($sec2) )
<section class="py-lg-5 py-3">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-9 text-center">
                        <h1 class="mb-lg-4 text-primary">Landlord Your Flo Cover Plan</h1>
                      <?php echo $sec2->Content; ?>
					</div>
                </div>
            </div>
        </section>
@endif



 @include('front/common/google_reviews')

 <section class="py-lg-5 py-3">
            <div class="container">
                <div class="row justify-content-center mx-0">
                    <div class="col-md-4 bg-dark text-white">
                        <div class="package-header text-center p-3">
                            <small class="text-white mt-lg-5 text-uppercase h6 d-block">Choose Your Call Out Fee</small>
                            <div class="excess-buttons d-flex mt-3">
                                <button type="button" id="landloardZeroExcess" class="btn left ">£0</button>
                                <button type="button" id="landloardSixtyExcess" class="btn rgiht rounded-0 border-right border-left">£60</button>
                                <button type="button" id="landloardEightyFiveExcess" class="btn rgiht active">£85</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 bg-dark text-white">
                        <div class="package-header text-center p-3">
                            <small class="text-white mt-lg-5 text-uppercase h6 d-block">HOW DO YOU NORMALLY PAY</small>
                            <div class="excess-buttons d-flex mt-3">
                                <button type="button" id="landloardperMonth" class="btn left active">Per Month</button>
                                <button type="button" id="landloardperYear" class="btn rgiht">Per Year</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 package-header-bg-four text-center text-white ">
                        <div class="package-header  p-3">
                            <h3 class="package-title mb-0">Landlord Your Flo</h3>
                            <span class="h1 text-white mb-0 d-block">£<span id="landlordYourFloPrice"
                                    class="package-price">16.98</span></span>
                            <small class="timeperiod">Per Month</small>
                            <p class="py-3 m-0"><a href="#" class="btn btn-secondary packageButton btn-lg" data-toggle="modal" data-target="#packagesModal">Apply Now</a></p>
                        </div>
                    </div>
                </div>

                <div class="row no-gutters mx-0">
                    <div class="col-md-12 text-center py-2 border-left border-right">
                        <h3>Whats Covered</h3>
                    </div>
                    <div class="col-lg-4">
                        <table class="table mb-0 border table-borderless table-striped">
                            <tr>
                                <td>
                                    <img src="images/icons/ic_boiler_and_controls.svg" width="24" class="mr-1" alt="">Boiler & Controls
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="Repairs to a mains gas fuelled boiler. Including manufacturer only fitted parts inside your boiler. As well as your thermostat*, clocks, timers and programmers. - Smart Thermostat included as a Add On*"><i class="fas fa-info"></i></a>
                                    <i class="fas fa-check text-success float-right"></i>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="images/icons/ic_boiler_service.svg" width="24" class="mr-1" alt="">Boiler Service + CP12
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="A Annual CP12 Certificate carried out by a Gas Safe Registered Homeflo Engineer."><i class="fas fa-info"></i></a>
                                    <i class="fas fa-check text-success float-right"></i>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="images/icons/ic_plumbing_pipework.svg" width="24" class="mr-1" alt="">Plumbing Pipework
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="" data-original-title="Hot and cold-water pipes within the plumbing system of your property. Cold water tanks and overflow pipes. This does not include gaining access to hidden leaks within the property."><i class="fas fa-info"></i></a>
                                    <div class="custom-control float-right custom-switch">
                                        <input name="landlordservices" data-price="4.99" type="checkbox" class="custom-control-input service-switch" id="landlordSwitch5" value="Plumbing Pipework">
                                        <label class="custom-control-label" title="Plumbing Pipework" for="landlordSwitch5"></label>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="images/icons/ic_drainage.svg" width="24" class="mr-1" alt="">Drainage
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="Internal drainage and external drainage within your property."><i class="fas fa-info"></i></a>
                                    <div class="custom-control float-right custom-switch">
                                        <input name="landlordservices" data-price="5.99" type="checkbox" class="custom-control-input service-switch" id="landlordSwitch8" value="Drainage">
                                        <label class="custom-control-label" title="Drainage" for="landlordSwitch8"></label>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="images/icons/ic_roofing.svg" width="24" class="mr-1" alt="">Roofing
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="Protecting your roof with tarpaulin. A Homeflo Roofer will pass on a quotation for further works."><i
                                        class="fas fa-info"></i></a>
                                    <div class="custom-control float-right custom-switch">
                                        <input name="landlordservices" type="checkbox" data-price="5.99" class="custom-control-input service-switch" id="landlordSwitch11" value="Roofing">
                                        <label class="custom-control-label" title="Roofing" for="landlordSwitch11"></label>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="images/icons/ic_white_goods.svg" width="24" class="mr-1" alt="">White Goods
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="Repairs to the Dishwasher, Washing Machine , Tumble Dryer ( Combined Washer - Dryer), Fridge, Freeer, Microwave."><i
                                        class="fas fa-info"></i></a>
                                    <div class="custom-control float-right custom-switch">
                                        <input name="landlordservices" type="checkbox" data-price="11.99" class="custom-control-input service-switch" id="landlordSwitch16" value="White Goods">
                                        <label class="custom-control-label" title="White Goods" for="landlordSwitch16"></label>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="col-lg-4">
                        <table class="table mb-0 border table-borderless table-striped">
                            <tr>
                                <td>
                                    <img src="images/icons/ic_central_heating.svg" width="24" class="mr-1" alt="">Central Heating
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="" data-original-title="Pumps, Motorised Valves, Radiator and Radiator Valves. Main Hot Water feed and expansion tank, Pipes and fittings within the central heating system of the property."><i class="fas fa-info"></i></a>
                                    <div class="custom-control float-right custom-switch">
                                        <input name="landlordservices" data-price="4.99" type="checkbox" class="custom-control-input service-switch" id="landlordSwitch3" value="Central Heating">
                                        <label class="custom-control-label" title="Central Heating" for="landlordSwitch3"></label>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="images/icons/ic_electrics.svg" width="24" class="mr-1" alt="">Electrics
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="Internal Mains electric wiring. Fuse board and Circuit Breakers. Socket and switches. RCD’S and trip switches."><i
                                            class="fas fa-info"></i></a>
                                    <div class="custom-control float-right custom-switch">
                                        <input name="landlordservices" data-price="5.99" type="checkbox" class="custom-control-input service-switch" id="landlordSwitch6" value="Electrics">
                                        <label class="custom-control-label" title="Electrics" for="landlordSwitch6"></label>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="images/icons/ic_taps_and_toilets.svg" width="24" class="mr-1" alt="">Taps & Toilets
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="Basic Tap’s and Toilet Systems. Cistern’s And Flush Valves."><i class="fas fa-info"></i></a>
                                    <div class="custom-control float-right custom-switch">
                                        <input name="landlordservices" type="checkbox" data-price="5.99" class="custom-control-input service-switch" id="landlordSwitch9" value="Taps & Toilets">
                                        <label class="custom-control-label" title="Taps & Toilets" for="landlordSwitch9"></label>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="images/icons/ic_pest_control.svg" width="24" class="mr-1" alt="">Pest Control
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="Removal of Pests such as Bee’s / Wasps / Ants Nests. Removal of infestation such as Rat’s / Mice."><i
                                        class="fas fa-info"></i></a>
                                    <div class="custom-control float-right custom-switch">
                                        <input name="landlordservices" type="checkbox" data-price="4.99" class="custom-control-input service-switch" id="landlordSwitch12" value="Pest Control">
                                        <label class="custom-control-label" title="Pest Control" for="landlordSwitch12"></label>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="images/icons/ic_cooker.svg" width="24" class="mr-1" alt="">Cooker
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="Repairs to a single cooker unit only. Including Grill oven or fan."><i class="fas fa-info"></i></a>
                                    <div class="custom-control float-right custom-switch">
                                        <input name="landlordservices" type="checkbox" data-price="4.99" class="custom-control-input service-switch" id="landlordSwitch14" value="Cooker">
                                        <label class="custom-control-label" title="Cooker" for="landlordSwitch14"></label>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="images/icons/ic_smart_controls.svg" width="24" class="mr-1" alt="">Smart Controls
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="Smart Thermostats (e.g Hive, Tado,) Wifi Enabled Thermostatic Controls"><i
                                        class="fas fa-info"></i></a>
                                    <div class="custom-control float-right custom-switch">
                                        <input name="landlordservices" type="checkbox" data-price="10.99" class="custom-control-input service-switch" id="landlordSwitch17" value="Smart Controls">
                                        <label class="custom-control-label" title="Smart Controls" for="landlordSwitch17"></label>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="col-lg-4">
                        <table class="table mb-0 border table-borderless table-striped">
                            <tr>
                                <td>
                                    <img src="images/icons/ic_gas_supply_pipe.svg" width="24" class="mr-1" alt="">Gas Supply Pipe
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="" data-original-title="Mains gas supply pipe into your property within your property’s boundaries."><i class="fas fa-info"></i></a>
                                    <div class="custom-control float-right custom-switch">
                                        <input name="landlordservices" data-price="3.99" type="checkbox" class="custom-control-input service-switch" id="landlordSwitch4" value="Gas Supply Pipe">
                                        <label class="custom-control-label" title="Gas Supply Pipe" for="landlordSwitch4"></label>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="images/icons/ic_water_supply_pipe.svg" width="24" class="mr-1" alt="">Water Supply Pipe
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="Cover for your Main’s Stopcock within the property."><i
                                            class="fas fa-info"></i></a>
                                    <div class="custom-control float-right custom-switch">
                                        <input name="landlordservices" data-price="4.99" type="checkbox" class="custom-control-input service-switch" id="landlordSwitch7" value="Water Supply Pipe">
                                        <label class="custom-control-label" title="Water Supply Pipe" for="landlordSwitch7"></label>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="images/icons/ic_security_and_locks.svg" width="24" class="mr-1" alt="">Security & Locks
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="Covers repairs to the following: Broken locks within your property. One set of replacement keys. Boarding up broken windows or external doors."><i
                                        class="fas fa-info"></i></a>
                                    <div class="custom-control float-right custom-switch">
                                        <input name="landlordservices" type="checkbox" data-price="4.99" class="custom-control-input service-switch" id="landlordSwitch10" value="Security & Locks">
                                        <label class="custom-control-label" title="Security & Locks" for="landlordSwitch10"></label>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="images/icons/ic_gas_fire.svg" width="24" class="mr-1" alt="">Gas Fire
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="Repairs to Gas Fire including any manufactured available fitted parts inside your Gas Fire."><i
                                        class="fas fa-info"></i></a>
                                    <div class="custom-control float-right custom-switch">
                                        <input name="landlordservices" type="checkbox" data-price="4.99" class="custom-control-input service-switch" id="landlordSwitch13" value="Gas Fire">
                                        <label class="custom-control-label" title="Gas Fire" for="landlordSwitch13"></label>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="images/icons/ic_shower_cover.svg" width="24" class="mr-1" alt="">Shower Cover
                                    <a href="#" class="package-info" data-toggle="tooltip" data-placement="right" title="Repairs to the shower unit / system."><i class="fas fa-info"></i></a>
                                    <div class="custom-control float-right custom-switch">
                                        <input name="landlordservices" type="checkbox" data-price="5.99" class="custom-control-input service-switch" id="landlordSwitch15" value="Shower Cover">
                                        <label class="custom-control-label" title="Shower Cover" for="landlordSwitch15"></label>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>

            </div>
        </section>
@if(!empty($sec5) )

<section class="py-lg-5 py-3 clients text-center">
            <div class="container">
                <div class="row no-gutters justify-content-center">
                    <div class="col-md-8 text-center px-md-5">
                        <h3 class="text-primary mb-lg-4">{{$sec5->Title}}</h3>
                    </div>
                    <?php echo $sec5->Content;?>
                
                </div>
            </div>
        </section>
@endif

@if(!empty($sec6) )

<section class="py-lg-5 py-3 text-white bg-overlay" style="background-image: url({{asset(Config("params.media_path.large").$sec6->ImageName)}});">
    <div class="container py-lg-4 py-3">
        <div class="row justify-content-center ">
            <div class="col-md-6 text-center">
                <h3 class="h1 mb-lg-4">{{$sec6->Title}}</h3>
                <?php echo $sec6->Content;?>
            </div>
        </div>
    </div>
</section>
@endif


@endsection