@extends("front.instarefi-layout")
@section("content")
<section id="header" class="container text-center fade-section">
    <h2>Contact Us</h2>
</section>
<section id="contact">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <div class="map">
                    <img src="{{url('assets/images/instarefi/map.png')}}" alt="map">
                </div>
            </div>
            <div class="col-md-4 mt-5 mt-md-0" id="hero_contact">
                <div class="colum">
                    <h3>Corporate Office</h3>
                    <p>4100 Moorpark Ave, #221,<br> San Jose, CA 95117</p>
                </div>
                <div class="contact-hero-line"></div>
                <div class="colum">
                    <h3>Phone</h3>
                    <p>1-855-644-LOAN</p>
                </div>
                <div class="contact-hero-line"></div>
                <div class="colum">
                    <h3>Email</h3>
                    <p>Hello@instamortgage.com</p>
                </div>
                <div class="contact-hero-line"></div>
                <div class="colum">
                    <div class="social-icons mt-3">
                        <a class="footer-social-link" target="_blank" href="https://www.facebook.com/InstaMortgage2">
                            <i class="fab fa-facebook-f"></i>
                        </a>
                        <a class="footer-social-link" target="_blank" href="https://www.linkedin.com/company/instamortgage1/">
                            <i class="fab fa-linkedin-in"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="contact_section_inner">
    <div class="container" id="contact-form">
        <div class="row">
            <div class="col-md-6">
                <div id="contact-header" class="text-left">
                    <h2>Drop Us A<span class="text-primary"> Line</span></h2>
                </div>
                <div class="form-container">
                    @if(session('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
                    @endif
                
                    <form action="{{ route('contact.submit') }}" method="POST">
                        @csrf
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="firstName" class="form-label">First Name</label>
                                <input type="text" name="first_name" class="form-control" id="firstName" placeholder="First Name" required>
                                @error('first_name')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="lastName" class="form-label">Last Name</label>
                                <input type="text" name="last_name" class="form-control" id="lastName" placeholder="Last Name" required>
                                @error('last_name')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="mb-3">
                            <label for="email" class="form-label">Email</label>
                            <input type="email" name="email" class="form-control" id="email" placeholder="Email" required>
                            @error('email')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label for="message" class="form-label">Message</label>
                            <textarea name="message" class="form-control" id="message" rows="4" placeholder="Write your message" required></textarea>
                            @error('message')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="text-center">
                            <button type="submit" class="btn btn-primary contact-submit">Submit</button>
                        </div>
                        <p class="text-size-tiny text-center">
                            By clicking, you agree to our Terms & Conditions, Privacy and Data Protection Policy.
                        </p>
                    </form>
                    {{-- <form>
                      <div class="row mb-3">
                        <div class="col-md-6">
                          <label for="firstName" class="form-label">First Name</label>
                          <input type="text" class="form-control" id="firstName" placeholder="First Name">
                        </div>
                        <div class="col-md-6">
                          <label for="lastName" class="form-label">Last Name</label>
                          <input type="text" class="form-control" id="lastName" placeholder="Last name">
                        </div>
                      </div>
                      <div class="mb-3">
                        <label for="email" class="form-label">Email</label>
                        <input type="email" class="form-control" id="email" placeholder="Email">
                      </div>
                      <div class="mb-3">
                        <label for="message" class="form-label">Message</label>
                        <textarea class="form-control" id="message" rows="4" placeholder="Write your message"></textarea>
                      </div>
                      <div class="text-center">
                        <button type="submit" class="btn btn-primary contact-submit">Submit</button>
                      </div>
                      <p class="text-size-tiny text-center">
                        By clicking, you agree to our Terms & Conditions, Privacy and Data Protection Policy.
                      </p>
                    </form> --}}
                </div>
            </div>
            <div class="col-md-6">
                <div class="contact-img">
                    <img src="{{url('assets/images/instarefi/contact.png')}}" alt="contact image">
                </div>
            </div>
        </div>
    </div>
</section>
<!-- CTA Section -->
@include('front.instarefi-cta')
@endsection