@extends('layouts.master-landing-page')
@section('content')
    @include('landing-page.elements.header')

    <section class="contact pt60 pb120">
        <div class="container-lg">
            <div class="row">
                <div class="col-md-6 col-xl-4 cgreen">
                    <div class="contact-left py45 d-flex flex-column h-100">
                        <div class="text-title text-left text-white"> Get instant quote</div>
                        <div class="d-flex flex-wrap align-items-center h-100">
                            <div>
                                <div class="contact-title"> Benefits</div>
                                <div class="contact-txt pb-0">
                                    <span class="contact-txt pb15 mi">done</span> A free,
                                    no-obligation quote<br><span class="contact-txt pb15 mi">done</span> Nationwide
                                    coverage<br><span class="contact-txt pb15 mi">done</span> Reliable and cost
                                    effective service<br><span class="contact-txt pb15 mi">done</span> Risk free,
                                    nothing to pay up front<br><span class="contact-txt mi">done</span> Experienced team
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-xl-8 cgray">
                    <div class="contact-right py45">
                        <form id="quote" novalidate="" class="row" action="{{route('landing-page.user-request')}}"
                              method="post">
                            @csrf
                            <input type="hidden" name="scroll_to_hash" value="quote">
                            <input type="hidden" name="redirect" value="instant-quote-result">
                            <div class="form-group col-xl-6">
                                <label for="inputName">Name</label>
                                <input type="text"
                                       id="inputName"
                                       name="name"
                                       placeholder="Samantha"
                                       class="form-control" value="{{ old('name') }}">
                            </div>
                            <div class="form-group col-xl-6">
                                <label for="inputManagePayroll">Do you want us to manage your payroll?</label>
                                <select class="form-control" name="we_manage_your_payroll" id="inputManagePayroll">
                                    <option selected>No</option>
                                    <option>Yes</option>
                                </select>
                            </div>
                            <div class="form-group col-xl-6">
                                <label for="inputEmail">Email</label>
                                <input type="email"
                                       id="inputEmail"
                                       name="email"
                                       placeholder="Samantha.kennedy@example.com"
                                       class="form-control" value="{{ old('email') }}">
                            </div>
                            <div class="form-group col-xl-6">
                                <label for="inputManageNumberOfEmployees">
                                    Number of employees
                                </label>
                                <input type="number" id="inputManageNumberOfEmployees" min="0"
                                       name="number_of_employees"
                                       placeholder="0"
                                       class="form-control" value="{{ old('number_of_employees') }}">
                            </div>
                            <div class="form-group col-xl-6">
                                <label for="inputPhone">Telephone number</label>
                                <input
                                        type="email" id="inputPhone" name="telephone_number"
                                        placeholder="(603) 555-0123"
                                        class="form-control" value="{{ old('telephone_number') }}">
                            </div>
                            <input
                                    type="hidden"
                                    name="type"
                                    value="{{ \App\Models\LandingPage\UserRequest::TYPE_INSTANT_QUOTE }}">
                            <div class="form-group col-xl-6">
                                <label for="inputCompleteBookkeeping">
                                    Do you want us to complete your bookkeeping?
                                </label>
                                <select class="form-control" name="we_complete_your_bookkeeping"
                                        id="inputCompleteBookkeeping">
                                    <option selected>No</option>
                                    <option>Yes</option>
                                </select>
                            </div>
                            <div class="form-group col-xl-6">
                                <label for="inputBusinessType">Your Business Type</label>
                                <select class="form-control" name="business_type" id="inputBusinessType">
                                    <option selected>Limited company/LLP</option>
                                    <option>Partnership</option>
                                    <option>Sole trader</option>
                                    <option>Individual</option>
                                    <option>Others</option>
                                </select>
                            </div>
                            <div class="form-group col-xl-6">
                                <label for="inputTransactions">
                                    Transactions per month
                                </label>
                                <input type="number" id="inputTransactions" name="number_of_transactions"
                                       min="0" placeholder="0"
                                       class="form-control " value="{{ old('number_of_transactions') }}"></div>
                            <div class="form-group col-xl-6">
                                <label for="inputTurnover">Your turnover</label>
                                <select class="form-control" name="turnover" id="inputTurnover">
                                    <option selected>0 - 20,000</option>
                                    <option>20,001 - 100,000</option>
                                    <option>100,001 - 200,000</option>
                                    <option>200,001 - 300,000</option>
                                    <option>300,001 - 500,000</option>
                                    <option>500,001 - 1,000,000</option>
                                </select>
                            </div>
                            <div class="form-group col-xl-6">
                                <label for="inputVatReturns">Do you want us to complete your VAT returns?</label>
                                <select class="form-control" name="we_complete_your_vat_return" id="inputVatReturns">
                                    <option selected>No</option>
                                    <option>Yes</option>
                                </select>
                            </div>
                            <div class="form-group col-12">
                                <label for="inputDetail">
                                    Additional Information
                                </label>
                                <textarea id="content" name="content"
                                          placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna. "
                                          rows="5"
                                          class="form-control">{{ old('content') }}</textarea>
                            </div>
                            <div class="form-group col-12 py-0 my-0">
                                <button type="submit" class="btn btn-action"> Get quote</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('landing-page.elements.footer')
@endsection