@extends('web.layout.master')
@section('title', 'Welcome! | House Runs For Me')
@section('contact-active','active')
@section('content')

@include('web.pages.navbar')
    {{-- <div class="box-shadow-for-ui">
        <div class="uou-block-2b">
            <div class="container"> <a href="{{ url('home') }}" class="logo"><img
                        src="{{ asset('assets/web/img/logo.png') }}" alt=""></a> <a href="#"
                    class="mobile-sidebar-button mobile-sidebar-toggle"><span></span></a>
                <nav class="nav">
                    <ul class="sf-menu">
                        <li class="navLinkA"> <a href="{{ url('home') }}"><img
                                    src="{{ asset('assets/web/images/home.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Home</a> </li>
                        <li class="navLinkA"> <a href="{{ url('about') }}"><img
                                    src="{{ asset('assets/web/images/2.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />About</a></li>
                        <li class="navLinkA"> <a href="{{ url('recommended') }}"><img
                                    src="{{ asset('assets/web/images/3.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Recommended</a></li>
                        <li class="navLinkA"> <a href="{{ url('services-provider') }}"><img
                                    src="{{ asset('assets/web/images/4.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Services</a>
                            <ul class="demo-menu" style="display: none;">
                                <li id="nav-menu-item-865"
                                    class="sub-menu-item  menu-item-odd menu-item-depth-1 menu-item menu-item-type-custom menu-item-object-custom">
                                    <a href="{{ url('services-provider/generalservices') }}"
                                        class="menu-link sub-menu-link">General Services</a>
                                </li>
                                <li id="nav-menu-item-866"
                                    class="sub-menu-item  menu-item-odd menu-item-depth-1 menu-item menu-item-type-custom menu-item-object-custom">
                                    <a href="{{ url('services-provider/professionalservices') }}"
                                        class="menu-link sub-menu-link">Professional Services</a>
                                </li>
                            </ul>
                        </li>
                        <li class="navLinkA"> <a href="{{ url('regionsserved') }}"><img
                                    src="{{ asset('assets/web/images/8.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Service Regions</a></li>
                        <li class="navLinkA"> <a href="{{ url('faq') }}"><img
                                    src="{{ asset('assets/web/images/8.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />FAQ'S</a></li>
                        <li class="navLinkA active"> <a href="{{ url('contact') }}"><img
                                    src="{{ asset('assets/web/images/9.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Contact</a></li>
                        <li class="navLinkA active"> <a href="{{ url('comingsoon') }}"><img
                                    src="{{ asset('assets/web/img/shoppingtrolley.png') }}"
                                    class="img-responsive mr-2 mt-2" height="20" width="20" /></a></li>
                    </ul>
                </nav>
            </div>
        </div>
        <!-- end .uou-block-2b -->
    </div> --}}
    <div class="py-5 bg-white">
        <div class="container" style="background:#fff;">
            <div class="row align-items-center py-4">
                <div class="col-md-3">
                    <div class="p-4 border mr-4 rounded overflow-hidden"></div>
                </div>
                <div class="col-md-6">
                    {{-- <h1 class="text-primary display-4 font-weight-bold">How can<br />House Runs For Me <span
                            class="text-warning">help</span> You?</h1> --}}
                    <h1>Thank you for getting in-touch</h1>
                    {{-- <h5 class="mb-2 text-dark-50 font-weight-light">We'd love to talk about how we can help you.
                    </h5> --}}
                </div>
                <div class="col-md-3">
                    <div class="p-4 border mr-4 rounded overflow-hidden"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="py-5 bg-white">

        <div class="container" style="background:#fff;">
            <div class="row d-flex align-items-center">
                <div class="col-md-3">
                    <div class="p-4 border mr-4 rounded overflow-hidden"></div>
                </div>

                <div class="col-md-6">
                                @if (Session::get('status'))
                            <div class="alert alert-primary" role="alert">
                                <b style="color: green;font-size: 30px;">{{ Session::get('status') }}</b>
                            </div>
                        @endif
                    <div class="mb-5">
                        
                        <h4>Whether you have questions or you would just like to say hello, we look forward to hearing from you</h4>
                        {{-- <h4 class="font-weight-light mt-0">Tell us about <span class="font-weight-bold">yourself</span></h4>
                        <p class="text-muted">Whether you have questions or you would just like to say hello, contact us.
                        </p> --}}
                    </div>
                    <form action="{{ route('user.contact') }}" method="post">
                        @csrf
                        <div class="form-row">
                            <div class="col">
                                <div class="form-group mb-4">
                                    <label class="mb-1">YOUR NAME <small class="text-danger">*</small></label>
                                    <div class="position-relative icon-form-control">
                                        <i class="feather-user position-absolute"></i>
                                        <input placeholder="Enter Your Full Name" name="full_name" type="text"
                                            class="form-control" value="{{ old('full_name') }}">
                                        <span class="text-danger"
                                            style="color: red">{{ $errors->first('full_name') }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group mb-4">
                                    <label class="mb-1">YOUR EMAIL ADDRESS <small class="text-danger">*</small></label>
                                    <div class="position-relative icon-form-control">
                                        <i class="feather-mail position-absolute"></i>
                                        <input placeholder="Enter Your Email" type="email" value="{{ old('email') }}"
                                            name="email" class="form-control">
                                        <span class="text-danger" style="color: red">{{ $errors->first('email') }}</span>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="col">
                                <div class="form-group mb-4">
                                    <label class="mb-1">SUBJECT <small class="text-danger">*</small></label>
                                    <div class="position-relative icon-form-control">
                                        <i class="feather-edit-2 position-absolute"></i>
                                        <input placeholder="Enter Your Subject" type="text" name="subject"
                                            class="form-control" value="{{ old('subject') }}">
                                        <span class="text-danger"
                                            style="color: red">{{ $errors->first('subject') }}</span>

                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group mb-4">
                                    <label class="mb-1">YOUR PHONE NUMBER <small class="text-danger">*</small></label>
                                    <div class="position-relative icon-form-control">
                                        <i class="feather-phone position-absolute"></i>
                                        <input placeholder="Enter Your Phone Number" name="Phone_number" type="text"
                                            class="form-control" value="{{ old('Phone_number') }}">
                                        <span class="text-danger"
                                            style="color: red">{{ $errors->first('Phone_number') }}</span>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group mb-4">
                            <label class="mb-1">Your Message <small class="text-danger">*</small></label>
                            <div class="position-relative">
                                <textarea class="form-control" rows="4" name="message"
                                    placeholder="Enter your Message">{{ old('message') }}</textarea>
                                <span class="text-danger" style="color: red">{{ $errors->first('message') }}</span>

                            </div>
                        </div>
                        <div class="col">
                            <div class="form-group mb-4">
                                <label class="mb-1">Tell us how you heard about us<small class="text-danger">*</small></label>
                                <div class="position-relative icon-form-control">
                                    <i class="feather-phone position-absolute"></i>
                                    <input placeholder="Enter how they heard about us" name="heardaboutus" type="text"
                                        class="form-control" value="">
                                    <span class="text-danger" style="color: red"></span>

                                </div>
                            </div>
                        </div>
                        <div class="d-flex align-items-center">
                            <button class="btn btn-primary text-uppercase btn-lg" type="submit"> Submit </button>
                            <label class="m-0 pl-4 text-black-50">We'll get back to you in 1-2 business days.
                            </label>
                        </div>
                    </form>
                </div>
                <div class="col-md-3">
                    <div class="p-4 border mr-4 rounded overflow-hidden"></div>
                </div>
            </div>
        </div>
    </div>



@endsection