@extends('frontendmaster')

@section('frontendcontent')

<section class="contact-one section-space">
    <div class="container">
        <div class="row gutter-y-50 align-items-center">

            <!-- Left Side: Contact Info -->
            <div class="col-lg-6">
                <div class="contact-one__image wow fadeInLeft" data-wow-duration="1500ms"
                    style="background-image: url({{ asset('frontend/assets/images/resources/contact-1-1.jpg') }});">
                    <div class="contact-one__info list-unstyled">
                        <div class="contact-one__info__shape"></div>
                        <div class="contact-one__info__inner">
                            {{-- <div class="contact-one__info__item">
                                    <i class=""></i>
                                </span>

                            </div> --}}

                            <div class="contact-one__info__item">
                                <span class="contact-one__info__icon">
                                    <i class="icon-mail"></i>
                                </span>
                                <div class="contact-one__info__content">
                                    <h4 class="contact-one__info__title">Support Email</h4>
                                    <a href="mailto:info@dollarhub.com" class="contact-one__info__text">info@dollarhub.com</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Right Side: Contact Form -->
            <div class="col-lg-6 mt-6">
                {{-- Success Message --}}
                @if(session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif

                {{-- Validation Errors --}}
                @if($errors->any())
                    <div class="alert alert-danger">
                        <ul class="mb-0">
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <form method="POST" action="{{ route('contact.store') }}"
                    class="contact-one__form form-one wow fadeInRight"
                    data-wow-duration="1500ms">
                    @csrf

                    <h2 class="contact-one__form__title">Leave us a message</h2>

                    <div class="form-one__group">

                        <div class="form-one__control">
                            <input type="text" name="name" placeholder="Your Name" value="{{ old('name') }}">
                        </div>

                        <div class="form-one__control">
                            <input type="email" name="email" placeholder="Your Email" value="{{ old('email') }}">
                        </div>

                        <div class="form-one__control form-one__control--full">
                            <div class="form-one__control__select">
                                <label class="sr-only" for="select-subject">Select Subject</label>
                                <select id="select-subject" name="subject" class="selectpicker" aria-label="Subject line">
                                    <option>Select Subject</option>
                                    <option value="personal loan" {{ old('subject') == 'personal loan' ? 'selected' : '' }}>Personal Loan</option>
                                    <option value="business loan" {{ old('subject') == 'business loan' ? 'selected' : '' }}>Business Loan</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-one__control form-one__control--full">
                            <textarea name="message" placeholder="Write Message">{{ old('message') }}</textarea>
                        </div>
                        
                         <div class="form-one__control form-one__control--full">
                            <input type="text" name="captcha" placeholder="What is 2 + 2?" required>
                        </div>

                        <div class="form-one__control form-one__control--full">
                            <button type="submit" class="contact-one__form__btn easilon-btn">
                                <span>Send Message</span>
                            </button>
                        </div>


                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

@endsection