@extends('layouts.app2')
@section('title', 'ABOOD BUS| Routes')
@section('content')

    <!-- Breadcrumb Section Begin -->
    <section class="breadcrumb-section set-bg" data-setbg="{{ asset('exabytesafrica/img/breadcrumb.png') }}">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="breadcrumb__text">
                        <h2>{{__('text.contact_us')}}</h2>
                        <div class="breadcrumb__option">
                            <a href="{{ url('/') }}">{{__('menu.home')}}</a>
                            <span>{{__('text.contact_us')}}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Breadcrumb Section End -->

    <!-- Contact Section Begin -->
    <section class="contact spad">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-6 text-center">
                    <div class="contact__widget">
                        <span class="icon_phone"></span>
                        <h4>{{__('text.phone')}}</h4>
                        <p>+255 748 771 551</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 text-center">
                    <div class="contact__widget">
                        <span class="icon_pin_alt"></span>
                        <h4>{{__('text.address')}}</h4>
                        <p>P.O Box 127 Morogoro, Tanzania</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 text-center">
                    <div class="contact__widget">
                        <span class="icon_clock_alt"></span>
                        <h4>{{__('text.open_time')}}</h4>
                        <p>05:00 am to 21:00 pm</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 text-center">
                    <div class="contact__widget">
                        <span class="icon_mail_alt"></span>
                        <h4>{{__('text.email')}}</h4>
                        <p>customercare@aboodbus.co.tz</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Contact Section End -->

    <!-- Map Begin -->
    <div class="map">
        <!--        <iframe-->
        <!--            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d49116.39176087041!2d-86.41867791216099!3d39.69977417971648!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x886ca48c841038a1%3A0x70cfba96bf847f0!2sPlainfield%2C%20IN%2C%20USA!5e0!3m2!1sen!2sbd!4v1586106673811!5m2!1sen!2sbd"-->
        <!--            height="500" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>-->
        <div style="width: 100%"><iframe width="100%" height="600" 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=Msamvu%20Morogoro+(ABOOD%20BUS%20SERVICES%20LTD)&amp;t=k&amp;z=15&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe></div>
        <div class="map-inside">
            <i class="icon_pin"></i>
            <div class="inside-widget">
                <h4>ABOOD GROUP</h4>
                <ul>
                    <li>Phone: +255 748 771 551</li>
                    <li>P.O Box 127 Morogoro, Tanzania</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Map End -->

    <!-- Contact Form Begin -->
    <div class="contact-form spad">
        <div class="container">
            <div class="row" style="margin-top: 20px;">
                <div class="col-lg-12">
                    <div class="contact__form__title">
                        <h2>{{__('text.leave_message')}}</h2>
                    </div>
                </div>
            </div>
            <form action="#">
                <div class="row">
                    <div class="col-lg-6 col-md-6">
                        <input type="text" placeholder="{{__('text.your_name')}}">
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <input type="text" placeholder="{{__('text.your_email')}}">
                    </div>
                    <div class="col-lg-12 text-center">
                        <textarea placeholder="{{__('text.your_message')}}"></textarea>
                        <button type="submit" class="site-btn">{{__('text.send_message')}}</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- Contact Form End -->

@endsection