@extends('frontend.layouts.app')
@section('title', 'Contact Us')
@section('content')

<section class="banner-sec inner-banner">
    <img src="{{ !empty($innerpage_detail['banner_image']) ? 'storage/' . $innerpage_detail['banner_image'] : asset('frontend/images/area-prac-banner.jpg')}}" alt="">
    <div class="banner-content">
        <div class="container">
            <div class="banner-text">
                <h1>{{$innerpage_detail['banner_title']}}</h1>
                <ul class="brdcm">
                    <li>Home</li>
                    <li>Contact Us</li>
                </ul>
            </div>
        </div>
    </div>
</section>


<section class="contact-info common-padd">
    <div class="partical-three">
        <img src="{{asset('frontend/images/partical3.png')}}" alt="">
    </div>
    <div class="container">
        <div class="row">

            <div class="col-lg-12">
                <div class="right-box">
                    <div class="left-head-sec">
                        <h2>Contact Information</h2>
                    </div>
                    <!-- <ul>
                        <li>
                            <span><img src="{{asset('frontend/images/location.svg')}}" alt=""></span>
                            <strong>{{$contact_us['location_heading']}}</strong> {{$contact_us['location']}}
                        </li>
                        <li>
                            <span><img src="{{asset('frontend/images/call.svg')}}" alt=""></span>
                            <strong>{{$contact_us['cu_heading']}}</strong>
                            <a href="tel:{{$contact_us['mobile1']}}">{{$contact_us['mobile1']}}</a>
                            <a href="tel:{{$contact_us['mobile2']}}">{{$contact_us['mobile2']}}</a>
                        </li>
                        <li>
                            <span><img src="{{asset('frontend/images/mail.svg')}}" alt=""></span>
                            <strong>{{$contact_us['mu_heading']}}</strong>
                            <a href="mailto:{{ $contact_us['mu_email'] }}">{{ $contact_us['mu_email'] }} </a>
                        </li>
                    </ul> -->
                    <ul>
                        <li>
                            <div class="sngl-box">
                                <span><img src="{{asset('frontend/images/location.svg')}}" alt=""></span>
                                <strong>{{$contact_us['location_heading']}}</strong> {{$contact_us['location']}}
                            </div>
                        </li>
                        <li>
                            <div class="sngl-box">
                            <span><img src="{{asset('frontend/images/call.svg')}}" alt=""></span>
                            <strong>{{$contact_us['cu_heading']}}</strong>
                            <a href="tel:{{$contact_us['mobile1']}}">{{$contact_us['mobile1']}}</a>
                            <a href="tel:{{$contact_us['mobile2']}}">{{$contact_us['mobile2']}}</a>
                            </div>
                        </li>
                        <li>
                            <div class="sngl-box">
                            <span><img src="{{asset('frontend/images/mail.svg')}}" alt=""></span>
                            <strong>{{$contact_us['mu_heading']}}</strong>
                            <a href="mailto:{{ $contact_us['mu_email'] }}">{{ $contact_us['mu_email'] }} </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- <div class="col-lg-7">
                <div class="left-box">
                    <div class="left-head-sec">
                        <h2>Reach Us at</h2>
                    </div>
                    <form id="contactForm">
                        <div class="mb-3">
                            <label for="" class="form-label">Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control _name _required" id="user-name" aria-describedby="" placeholder="Enter Your Name">
                        </div>
                        <div class="mb-3">
                            <label for="" class="form-label">Email Id <span class="text-danger">*</span></label>
                            <input type="email" class="form-control _email _required" id="user-email" aria-describedby="" placeholder="Enter Your Email Id">
                        </div>
                        <div class="mb-3">
                            <label for="" class="form-label">Phone Number</label>
                            <input type="text" class="form-control _phone" id="user-phone" aria-describedby="" placeholder="Enter Your Phone Number">
                        </div>
                        <div class="mb-3">
                            <label for="" class="form-label">Your Message</label>
                            <textarea class="form-control _info" id="user-msg" placeholder="Message"></textarea>
                        </div>
                        <div class="form-btn">
                            <input type="button" id="submit-form" name="" value="Submit" class="btn">
                        </div>
                    </form>
                </div>
            </div> -->
        </div>
    </div>
</section>
@endsection
@push('scripts')
<script>
    const mailRoute = "{{ route('mail') }}";
    const homeRoute = "{{ route('home') }}";
</script>
<script src="{{asset('backend/assets/js/admin/skj-validations@v1.js')}}"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script src="{{asset('backend/assets/js/admin/toastrProperty.js')}}"></script>
<script src="{{asset('backend/assets/js/frontend/contact_us.js')}}"></script>

@endpush