@extends('layouts.app')

@section('content')

<section class="our-contact pb0 bgc-f7">
    <div class="container pb-5">
        <div class="row">
            <div class="col-lg-7 col-xl-8">
                <div class="form_grid">
                    <h4 class="mb5">Send Us An Email</h4>
                    <p>We’re here to help with all your real estate questions. Whether you’re looking to buy, sell, rent, or simply need expert guidance, our team at Embrace Estates is ready to assist you.
                        Feel free to reach out to us anytime, we’d love to hear from you.</p>
                    @if(session('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            {{ session('success') }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if($errors->any())
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <ul class="mb-0">
                                @foreach($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    <form class="contact_form" id="contact_form" name="contact_form" action="{{ route('contact.submit') }}" method="post">
                        @csrf
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input id="form_name" name="form_name" class="form-control @error('form_name') is-invalid @enderror" required="required" type="text" placeholder="Name" value="{{ old('form_name') }}">
                                    @error('form_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input id="form_email" name="form_email" class="form-control required email @error('form_email') is-invalid @enderror" required="required" type="email" placeholder="Email" value="{{ old('form_email') }}">
                                    @error('form_email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input id="form_phone" name="form_phone" class="form-control required phone @error('form_phone') is-invalid @enderror" required="required" type="tel" placeholder="Phone" value="{{ old('form_phone') }}">
                                    @error('form_phone')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input id="form_subject" name="form_subject" class="form-control required @error('form_subject') is-invalid @enderror" required="required" type="text" placeholder="Subject" value="{{ old('form_subject') }}">
                                    @error('form_subject')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <textarea id="form_message" name="form_message" class="form-control required @error('form_message') is-invalid @enderror" rows="8" required="required" placeholder="Your Message">{{ old('form_message') }}</textarea>
                                    @error('form_message')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group mb0">
                                    <button type="submit" class="btn btn-lg btn-thm">Send Message</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-lg-5 col-xl-4">
                <div class="contact_localtion">
                    <h4>Contact Us</h4>
                    <p>Contact us by phone or email or by submitting the form.</p>
                    {{-- <div class="content_list">
                        <h5>Address</h5>
                        <p>2301 Ravenswood Rd Madison, <br>WI 53711</p>
                    </div> --}}
                    <div class="content_list">
                        <h5>Phone</h5>
                        <p>+34 666 16 97 97</p>
                    </div>
                    <div class="content_list">
                        <h5>Mail</h5>
                        <p>info@embraceestates.es</p>
                    </div>
                    {{-- <div class="content_list">
                        <h5>Skype</h5>
                        <p>findhouse.com</p>
                    </div>
                    <h5>Follow Us</h5>
                    <ul class="contact_form_social_area">
                        <li class="list-inline-item"><a href="#"><i class="fa fa-facebook"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="fa fa-twitter"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="fa fa-instagram"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="fa fa-google"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="fa fa-pinterest"></i></a></li>
                    </ul> --}}
                </div>
            </div>
        </div>
    </div>
    
</section>

@endsection