@extends('web.layouts.container')

@section('content')
    <div class="inner_header" style="background-image: url({{asset($detail->header_image ?? 'assets/web/images/header-0.png')}});">
        <div class="container">
            <div class="info text-center">
                <h3>{{$detail->header_title ?? ''}}</h3>
                <ul>
                    <li>
                        <a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), route('home'), [], true)}}">home</a>
                    </li>
                    <li>
                        <a href="#">{{$detail->header_title ?? ''}}</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--Contents-->
    <main>
        <!--Start contact-pg -->
        <section class="contact-pg section">
            <div class="container">
                <div class="text-heading">
                    <h5 class="subtitle color-primary mb-2">Contact Us</h5>
                    <h2 class="title mb-5"><b>How To Reach Us?</b></h2>
                </div>
                <div class="row mb-5">
                    <div class="col-lg-4">
                        <div class="contact_card">
                            <div class="icon-outer">
                                <i class="fas fa-phone"></i>
                            </div>
                            <div class="content">
                                <h5 class="title mb-2"><b>Phone</b></h5>
                                <p class="det mb-0">{{isset($settings['site_phone']) ? $settings['site_phone'] : '+966-457112544'}}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="contact_card">
                            <div class="icon-outer">
                                <i class="fas fa-envelope"></i>
                            </div>
                            <div class="content">
                                <h5 class="title mb-2"><b>Email</b></h5>
                                <p class="det mb-0">{{isset($settings['site_email']) ? $settings['site_email'] : 'Roots.info@gmail.com'}}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="contact_card">
                            <div class="icon-outer">
                                <i class="fas fa-map-marker-alt"></i>
                            </div>
                            <div class="content">
                                <h5 class="title mb-2"><b>Location</b></h5>
                                <p class="det mb-0">{{isset($settings['location']) ? $settings['location'] : ''}}</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="inner-box">
                    <h2 class="title mb-4"><b>Send Us A Message</b></h2>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-wrapper wow text-focus-in">
                                <form action="{{route('send_contact_us')}}" method="post" class="contact_us_form">
                                    <div class="form-group">
                                        <input class="form-control" name="name" placeholder="Name and surname" type="text"/>
                                    </div>
                                    <div class="form-group">
                                        <input class="form-control" name="company" placeholder="Company" type="text"/>
                                    </div>
                                    <div class="form-group">
                                        <input class="form-control" name="phone" placeholder="Phone" type="tel"/>
                                    </div>
                                    <div class="form-group">
                                        <textarea class="form-control" name="message" rows="5" placeholder="Message"></textarea>
                                    </div>
                                    <button class="butn dark-butn mt-5 contact_us_button">Send</button>
                                </form>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="map-box wow text-focus-in mt-4">
                                <iframe width="100%" height="390" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=100%25&amp;height=600&amp;hl=en&amp;q=1%20Grafton%20Street,%20Dublin,%20Ireland+(My%20Business%20Name)&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"><a href="https://www.gps.ie/sport-gps/">bike gps</a></iframe>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
@endsection

@section('inner_js')

    <script>
        $('.top_nav').addClass('inner_top_nav btn_filter py-3');
    </script>

@endsection