@extends('web.layouts.default')
@section('content')
    @isset($sections[0])
        @php $section0= $sections[0]; @endphp
        @if (isset($section0->image) && $section0->image != '')
            @php $image=asset(Storage::url('public/sections')).'/'.$section0->page->alias.'/'.$section0->image @endphp
        @else
            @php $image='' @endphp
        @endif
        <section>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12 p-0">
                        <div class="about-head head-top-hgt" style="background-image:url({{ $image }})">
                            <div class="container">
                                <div class="ihead-text main-heading ">
                                    <h2>{{ $section0->title }}</h2>
                                    <a href="index.php">Home</a><span href="#">{{ $section0->title }}</span>
                                </div>
                            </div>
                            <div class="i-head-bg"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="pad100">
            <div class="container">
                <div class="g-border"></div>
                <div class="col-xxl-12">
                    <div class="w-1000 contact-main">
                        <div>
                            @if ($errors->any())
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>
                                                {{ $error }}
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                        </div>
                        <div>
                            @if(Session::has('message'))
                                <p class="alert {{ Session::get('alert-class', 'alert-info') }} flash-msg">{{ Session::get('message') }}</p>
                            @endif
                            <p id="custom-alert" class="alert alert-info d-none"></p>
                        </div>

                        <p>{!! $section0->description !!}</p>
                        <form action="{{ route('web.save-inquiry') }}" method="POST">
                            @csrf
                            <div class="contact-form">
                                <div class="col-12 mb-3">
                                    <h4>Information</h4>

                                    <select required name="ima" class="form-select" aria-label="Default select example" value="{{ old('ima') }}">
                                        <option value="" disabled selected>I'm a</option>
                                        <option value="real estate agent">I'm a real estate agent</option>
                                        <option value="property owner">I'm a property owner</option>
                                    </select>
                                </div>

                                <div class="row">
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 mb-3">
                                        <input required name="first_name" value="{{ old('first_name') }}" placeholder="First Name" type="text" class="form-control">
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 mb-3">
                                        <input name="last_name" value="{{ old('last_name') }}" placeholder="Last Name" type="text" class="form-control">
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 mb-3">
                                        <input required name="email" value="{{ old('email') }}" placeholder="Email Address" type="email" class="form-control">
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 mb-3">
                                        <input required name="mobile" value="{{ old('mobile') }}" placeholder="Mobile" type="text" class="form-control">
                                    </div>
                                </div>

                                <div class="col-12 mb-3">
                                    <h4>Property</h4>
                                    <select name="property_type" class="form-select" aria-label="Default select example">
                                        <option value="" disabled selected>Select type</option>
                                        <option value="Large Luxury Villa">Large Luxury Villa</option>
                                        <option value="Single Family Home">Single Family Home</option>
                                        <option value="Standard Modern Villa">Standard Modern Villa</option>
                                        <option value="Superior Villa">Superior Villa</option>
                                    </select>
                                </div>
                                <div class="row">
                                    <div class="col-xxl-12 mb-3">
                                        <input name="budget" placeholder="Your budget" type="text" class="form-control">
                                    </div>
                                    <div class="col-xxl-6 mb-3">
                                        <input name="beds" placeholder="Number of beds" type="text" class="form-control">
                                    </div>
                                    <div class="col-xxl-6 mb-3">
                                        <input name="baths" placeholder="Number of boths" type="text" class="form-control">
                                    </div>
                                    <h4>Message</h4>
                                    <div class="col-xxl-12 mb-3">
                                        <textarea required name="message" class="form-control" id="exampleFormControlTextarea1" rows="5">{{ old('message') }}</textarea>
                                    </div>
                                    <h4>GDPR Agreement</h4>
                                    <div class="col-xxl-12">
                                        <div class="mb-3 form-check">
                                            <input required name="consent" type="checkbox" class="form-check-input" id="">
                                            <label class="form-check-label ms-2" for="exampleCheck1"> I consent to having this website store my submitted information</label>
                                        </div>
                                        <button type="submit" class="btn btn-primary">Submit</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    @endisset
    <section class="bg-light contact-bottom pad100">
        <div class="container">
            <div class="row">
                <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                    <img src="imgs/call.svg" alt="">
                    <h3>Call</h3>
                    <p>Lorem ipsum dolor sit amet, consec tetur adipiscing elit. </p>
                    <h4>+1 (987) 654 3210</h4>
                </div>
                <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                    <img src="imgs/email.svg" alt="">
                    <h3>Email</h3>
                    <p>Lorem ipsum dolor sit amet, consec tetur adipiscing elit. </p>
                    <h4>developer@demo.co</h4>
                </div>
                <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                    <img src="imgs/address.svg" alt="">
                    <h3>Address</h3>
                    <p>1298 Nice Boulevard Suite 305, Miami Beach FL 33139 </p>
                    <h4>Find directions</h4>
                </div>


            </div>

        </div>
    </section>
@endsection