<x-layouts.guest :title="config('app.name') . ' | Contact Us'" activePage="contact">
    <section class="page-title centred">
        <div class="bg-layer" style="background-image: url({{ asset('assets/images/background/page-title.jpg') }});" data-overlay-dark="5"></div>
        <div class="pattern-layer">
            <div class="pattern-1" style="background-image: url({{ asset('assets/images/shape/shape-18.png') }});" ></div>
            <div class="pattern-2" style="background-image: url({{ asset('assets/images/shape/shape-17.png') }});" ></div>
        </div>
        <div class="auto-container">
            <div class="content-box">
                <h1>Contact Us</h1>
                <ul class="bread-crumb clearfix">
                    <li><a href="{{ route('guest.home') }}">Home</a></li>
                    <li>Contact Us</li>
                </ul>
            </div>
        </div>
    </section>

    <section class="contact-section pt_120 pb_120">
        <div class="auto-container">
            <div class="row clearfix">
                <div class="col-lg-5 col-md-12 col-sm-12 info-column">
                    <div class="contact-info mr_30">
                        <div class="sec-title mb_25">
                            <h6>Get in Touch</h6>
                            <h2>We Are Here to Help</h2>
                        </div>
                        <p>Contact our customer care team for product information, account support, and service requests.</p>
                        <ul class="info-list clearfix">
                            <li>
                                <i class="icon-34"></i>
                                <h4>Phone</h4>
                                <p><a href="tel:{{ config('app.phone') }}">{{ config('app.phone') }}</a></p>
                            </li>
                            <li>
                                <i class="icon-35"></i>
                                <h4>Email</h4>
                                <p><a href="mailto:{{ config('mail.from.address') }}">{{ config('mail.from.address') }}</a></p>
                            </li>
                            <li>
                                <i class="icon-36"></i>
                                <h4>Address</h4>
                                <p>{{ config('app.address') }}</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-7 col-md-12 col-sm-12 form-column">
                    <div class="form-inner ml_30">
                        @if(session('success'))
                            <div class="alert alert-success mb_30" style="background: #d4edda; border: 1px solid #c3e6cb; color: #155724; padding: 15px 20px; border-radius: 5px; margin-bottom: 30px;">
                                {{ session('success') }}
                            </div>
                        @endif
                        @if($errors->any())
                            <div class="alert alert-danger mb_30" style="background: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; padding: 15px 20px; border-radius: 5px; margin-bottom: 30px;">
                                <ul style="margin: 0; padding-left: 20px;">
                                    @foreach($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <form method="post" action="{{ route('guest.contact.send') }}" class="default-form">
                            @csrf
                            <div class="row clearfix">
                                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                    <input type="text" name="name" placeholder="Your Name" value="{{ old('name') }}" required>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                    <input type="email" name="email" placeholder="Email Address" value="{{ old('email') }}" required>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                    <input type="text" name="phone" placeholder="Phone Number" value="{{ old('phone') }}" required>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                    <input type="text" name="subject" placeholder="Subject" value="{{ old('subject') }}" required>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                    <textarea name="message" placeholder="How can we help you?">{{ old('message') }}</textarea>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
                                    <button type="submit" class="theme-btn btn-one">Send Message</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="subscribe-section p_relative">
        <div class="pattern-layer" style="background-image: url({{ asset('assets/images/shape/shape-5.png') }});"></div>
        <div class="auto-container">
            <div class="inner-box">
                <div class="content-box">
                    <h2>Prefer to Bank Online?</h2>
                    <p>Open an account in minutes and access all our services from anywhere, anytime.</p>
                </div>
                <div class="form-inner">
                    <a href="{{ route('register') }}" class="theme-btn btn-one">Open Account</a>
                </div>
            </div>
        </div>
    </section>
</x-layouts.guest>
