@extends('layouts.frontlayout')
@section('content')

<!-- ==== Breadcame Section Start ==== -->
<section class="breadcame_section top-space">
    <div class="breadcame_area" style="background-image: url({{General::renderImage(FileSystem::getAllSizeImages(ContentManagement::get('contact_us_image')), 'medium')}});">
        <div class="breadcame_content_area animated fadeInDown" data-animation-in="fadeInDown" data-delay-in="0ms">
            <div class="header">
                {{ ContentManagement::get('contact_us_title') }}
            </div>
            <div class="description">
                {{ContentManagement::get('contact_us_description')}}
            </div>
        </div>
    </div>
</section>
<!-- ==== Breadcame Section End ==== -->

<!-- Contact_us section---start -->
<section class="became_distributor_section contact_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="became_distributor_area">
                    <div class="row align-items-center">
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="form_area">
                                <div class="header">{{ContentManagement::get('sub_title')}}</div>
                                <form method="post" action="{{route('frontend.contactUs')}}" id="submitContactUsForm">
                                    {{ @csrf_field() }}
                                    <div class="row">
                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                            <div class="form-group">
                                                <input type="text" class="form-control" placeholder="First Name*" name="first_name">
                                                <!-- <label>First Name<span>*</span></label> -->
                                            </div>
                                        </div>
                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                            <div class="form-group">
                                                <input type="text" class="form-control" placeholder="Last Name*" name="last_name">
                                                <!-- <label>Last Name<span>*</span></label> -->
                                            </div>
                                        </div>
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="form-group">
                                                <input type="text" class="form-control" placeholder="Email Id*" name="email">
                                                <!-- <label>Email Id<span>*</span></label> -->
                                            </div>
                                        </div>
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="form-group">
                                                <input type="number" class="form-control" placeholder="Contact Number*" name="contact_number">
                                                <!-- <label>Contact Number<span>*</span></label> -->
                                            </div>
                                        </div>
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="form-group">
                                                <input type="text" class="form-control" placeholder="Location*" name="location" required>
                                                <!-- <label>Email Id<span>*</span></label> -->
                                            </div>
                                        </div>
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="form-group">
                                                <textarea class="form-control" name="message" placeholder="Message*" rows="4"></textarea>
                                                <!-- <label>Message<span>*</span></label> -->
                                            </div>
                                        </div>
                                    </div>
                                    <div class="btn_area submit_button">
                                        <button type="submit" class="btn btn-primary w-100">Submit</button>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="image_area">
                                <div class="distributor_image">
                                    {!! ContentManagement::get('google_map_link') !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Contact_us section---end -->

<!-- Contact_list section---Start -->
<section class="contact_icon_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                <div class="icon_list_area">
                    <div class="content_area">
                        <h5>
                            Location
                        </h5>
                        <p>
                            <a style="color: black;" target="_blank" href="http://maps.google.com/?q={{Settings::get('company_address')}}">{{ substr(Settings::get('company_address'), 0, 50) . '...'; }}</a>
                        </p>
                        <div class="icon_area">
                            <div class="icon">
                                <img src="{{url('frontend/images/location.png')}}" alt="..." />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                <div class="icon_list_area">
                    <div class="content_area">
                        <h5>
                            Email
                        </h5>
                        <p>
                            <a style="color: black;" href="mailto:{{ Settings::get('company_email') }}">{{ Settings::get('company_email'); }}</a>
                        </p>
                        <div class="icon_area">
                            <div class="icon">
                                <img src="{{url('frontend/images/mail.png')}}" alt="..." />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                <div class="icon_list_area">
                    <div class="content_area">
                        <h5>
                            Phone
                        </h5>
                        <p>
                            <a style="color: black;" href="tel:{{Settings::get('company_phonenumber')}}">{{ Settings::get('company_phonenumber'); }}</a>
                        </p>
                        <div class="icon_area">
                            <div class="icon">
                                <img src="{{url('frontend/images/phone.png')}}" alt="..." />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Contact_list section---end -->

@endsection