@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">
                        <div class="text-title text-left text-white"> Request callback</div>
                        <div class="contact-txt pt30 pb-0 hidden">
                            Please leave us a message and we will get back to you as soon as possible.
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-xl-8 cgray">
                    <div class="contact-right py45">
                        <form id="request-callback-form" novalidate="" class="row" action="{{route('landing-page.user-request')}}" method="post">
                            @csrf
                            <input type="hidden" name="scroll_to_hash" value="request-callback-form">
                            <div class="form-group col-xl-6">
                                <label for="inputBusinessName">Business name</label>
                                <input type="text" id="inputBusinessName" name="business_name"
                                       placeholder="Your business name" class="form-control"
                                       value="{{ old('business_name') }}">
                            </div>
                            <div class="form-group col-xl-6">
                                <label for="inputFirstName">First name</label>
                                <input type="text" id="inputFirstName" name="first_name" placeholder="Samantha"
                                       class="form-control" value="{{ old('first_name') }}">
                            </div>
                            <div class="form-group col-xl-6">
                                <label for="inputLastName">Last name</label>
                                <input
                                        type="text" id="inputLastName" name="last_name" placeholder="Smith"
                                        class="form-control" value="{{ old('last_name') }}">
                            </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>
                            <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>
                            <input type="hidden" name="type"
                                   value="{{ \App\Models\LandingPage\UserRequest::TYPE_REQUEST_CALLBACK }}">
                            <div class="form-group col-xl-6">
                                <label for="inputBestTime">Best time to call</label>
                                <input type="text" id="inputBestTime" name="best_time_to_call" placeholder="9am to 6pm"
                                       class="form-control" value="{{ old('best_time_to_call') }}">
                            </div>
                            <div class="form-group col-12">
                                <label for="inputDetail">What would you like to know about our service?</label>
                                <textarea id="inputDetail" name="content"
                                          placeholder="Please describe your situation and the service that you would like to find out."
                                          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"> Request callback</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

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