@extends('frontend.layouts.app')
@section('content')

    <div class="rbt-section-gap">
        <div class="container">
            <div class="row g-5">
                <div class="col-lg-4 col-md-6 col-sm-6 col-12 sal-animate" data-sal="slide-up" data-sal-delay="150" data-sal-duration="800">
                    <div class="rbt-address">
                        <div class="icon">
                            <i class="feather-headphones"></i>
                        </div>
                        <div class="inner">
                            <h4 class="title">Contact Phone Number</h4>
                            @isset($website_data['support_phone'])
                                @foreach (json_decode($website_data['support_phone']) as $support_phone)
                                    <a href="tel:+91-{{ $support_phone }}">+91-{{ $support_phone }}</a>
                                    @unless ($loop->last)
                                        ,
                                    @endunless
                                @endforeach
                            @endisset
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 col-12 sal-animate" data-sal="slide-up" data-sal-delay="200"
                    data-sal-duration="800">
                    <div class="rbt-address">
                        <div class="icon">
                            <i class="feather-mail"></i>
                        </div>
                        <div class="inner">
                            <h4 class="title">Our Email Address</h4>
                            @isset($website_data['email'])
                                <p><a href="mailto:{{ $website_data['email'] }}">{{ $website_data['email'] }}</a></p>
                            @endisset
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 col-12 sal-animate" data-sal="slide-up" data-sal-delay="250"
                    data-sal-duration="800">
                    <div class="rbt-address">
                        <div class="icon">
                            <i class="feather-map-pin"></i>
                        </div>
                        <div class="inner">
                            <h4 class="title">Our Location</h4>
                            @isset($website_data['address'])
                                {{ $website_data['address'] }}
                            @endisset
                        </div>
                    </div>
                </div>
            </div>
            <div class="row g-5 mt--40">
                <div class="col-lg-6 col-md-12">
                    <div class="thumbnail">
                        <img class="w-100 radius-6" src="{{ asset('frontend/images/contact.png') }}" alt="Contact Images">
                    </div>
                </div>
                <div class="col-lg-6 col-md-12">
                    <div class="rbt-contact-form contact-form-style-1 max-width-auto">
                        <h3 class="title">Have questions? Contact with us today</h3>
                        <form method="POST" action="{{ route('user.enquiry') }}">
                            @csrf
                            <div class="row">
                                <div class="form-group col-lg-12">
                                    <input type="text" name="name" id="name" required data-error="Please enter your name">
                                    <div class="help-block with-errors"></div>
                                    <label>Name</label>
                                    <span class="focus-border"></span>
                                </div>
                                <div class="form-group col-lg-6">
                                    <input type="email" name="email" id="email" required data-error="Please enter your email">
                                    <div class="help-block with-errors"></div>
                                    <label>Email</label>
                                    <span class="focus-border"></span>
                                </div>
                                <div class="form-group col-lg-6">
                                    <input type="text" name="phone_number" id="phone_number" required data-error="Please enter your number">
                                    <div class="help-block with-errors"></div>
                                    <label>Phone</label>
                                    <span class="focus-border"></span>
                                </div>
                                <div class="form-group col-lg-12">
                                    <input type="text" name="msg_subject" id="msg_subject" required data-error="Please enter your subject">
                                    <div class="help-block with-errors"></div>
                                    <label>Subject</label>
                                    <span class="focus-border"></span>
                                </div>
                                <div class="form-group col-lg-12">
                                    <textarea name="message" id="message" cols="20" rows="1" required data-error="Write your message"></textarea>
                                    <div class="help-block with-errors"></div>
                                    <label>Message</label>
                                    <span class="focus-border"></span>
                                </div>
                                <div class="form-submit-group">
                                    <button class="rbt-btn btn-gradient btn-gradient-2 radius-round w-100" type="submit" class="">Submit <i class="feather-arrow-up-right"></i></button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection