@extends('layouts.innerpage')

@section('title', 'About Us')

@section('content')

<section class="section-padding bg-dark inner-header" style="padding-top:140px;">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h1 class="mt-0 mb-3 text-white">About Us</h1>
                <div class="breadcrumbs">
                    <p class="mb-0 text-white"><a class="text-white" href="{{url('/')}}">Home</a> / <span class="text-success">About Us</span></p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-4" data-aos="fade-up" data-aos-delay="0">
                <h3 class="mt-1 mb-5">Get In Touch</h3>
                <h6 class="text-dark"><i class="mdi mdi-home-map-marker"></i> Address :</h6>
                <p>
                    @if($settings) 
                        {{isset($settings->about)?$settings->about:''}} 
                    @else
                        Shop No. 9/10, Cross Cut Rd, <br>
                        Gandipuram, Coimbatore,<br>
                        Tamil Nadu 641012
                    @endif
                </p>
                <h6 class="text-dark"><i class="mdi mdi-phone"></i> Phone :</h6>
                <p>@if($settings) {{isset($settings->contact_no)?$settings->contact_no:'0422 223 2710'}} @endif</p>
                <h6 class="text-dark"><i class="mdi mdi-email"></i> Email :</h6>
                <p><a href="mailto:contact@shriarthijewellery.com">@if($settings) {{isset($settings->email_address)?$settings->email_address:'contact@shriarthijewellery.com'}} @endif</a></p>
                <h6 class="text-dark"><i class="mdi mdi-link"></i> Website :</h6>
                <p>www.shriarthijewelry.com</p>
                <div class="footer-social"><span>Follow : </span>
                    @if($settings)
                        @if($settings->facebook_link)
                            <a href="{{isset($settings->facebook_link)?$settings->facebook_link:''}}"><i class="mdi mdi-facebook"></i></a>
                        @endif

                        @if($settings->twitter_link)
                            <a href="{{isset($settings->twitter_link)?$settings->twitter_link:''}}"><i class="mdi mdi-twitter"></i></a>
                        @endif

                        @if($settings->instagram_link)
                            <a href="{{isset($settings->instagram_link)?$settings->instagram_link:''}}"><i class="mdi mdi-instagram"></i></a>
                        @endif

                        @if($settings->youtube_link)
                            <a href="{{isset($settings->youtube_link)?$settings->youtube_link:''}}"><i class="mdi mdi-youtube-play"></i></a>
                        @endif

                        @if($settings->linkedin_link)
                            <a href="{{isset($settings->linkedin_link)?$settings->linkedin_link:''}}"><i class="mdi mdi-linkedin"></i></a>
                        @endif

                        @if($settings->pinterest_link)
                            <a href="{{isset($settings->pinterest_link)?$settings->pinterest_link:''}}"><i class="mdi mdi-pinterest"></i></a>
                        @endif
                    @endif
                </div>
            </div>
            <div class="col-lg-8 col-md-8" data-aos="fade-up" data-aos-delay="0">
                <div class="card">
                    <div class="card-body">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3916.289497394119!2d76.96589381472317!3d11.016892557721754!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba858ff7d70a793%3A0xb4498ab423c46c2c!2sShri%20Arthi%20Jewellery!5e0!3m2!1sen!2sin!4v1605005827988!5m2!1sen!2sin" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section-padding bg-white border-top">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 section-title text-left mb-4">
                <h2>Contact Us</h2>
            </div>
            <form class="col-lg-12 col-md-12" name="sentMessage" id="contactForm" novalidate data-aos="fade-up" data-aos-delay="0">
                <div class="control-group form-group">
                    <div class="controls">
                        <label>Full Name <span class="text-danger">*</span></label>
                        <input type="text" placeholder="Full Name" class="form-control" id="name" required data-validation-required-message="Please enter your name.">
                        <p class="help-block"></p>
                    </div>
                </div>
                <div class="row">
                    <div class="control-group form-group col-md-6">
                        <label>Phone Number <span class="text-danger">*</span></label>
                        <div class="controls">
                            <input type="tel" placeholder="Phone Number" class="form-control" id="phone" required data-validation-required-message="Please enter your phone number.">
                        </div>
                    </div>
                    <div class="control-group form-group col-md-6">
                        <div class="controls">
                            <label>Email Address <span class="text-danger">*</span></label>
                            <input type="email" placeholder="Email Address" class="form-control" id="email" required data-validation-required-message="Please enter your email address.">
                        </div>
                    </div>
                </div>
                    <div class="control-group form-group">
                        <div class="controls">
                            <label>Message <span class="text-danger">*</span></label>
                            <textarea rows="4" cols="100" placeholder="Message" class="form-control" id="message" required data-validation-required-message="Please enter your message" maxlength="999" style="resize:none"></textarea>
                        </div>
                    </div>
                <div id="success"></div>

                <button type="submit" class="btn btn-info">Send Message</button>
            </form>
        </div>
    </div>
</section>
@endsection