@extends('layouts.app')
@section('title', 'ABOOD BUS')
@section('content')
    <!-- Humberger Begin -->
    <div class="humberger__menu__overlay"></div>
    <div class="humberger__menu__wrapper">
        <div class="humberger__menu__logo">
            <a href="#"><img src="{{ url('exabytesafrica/img/logo.png') }}" alt=""></a>
        </div>
        <div class="humberger__menu__widget">
            @if(count(config('panel.available_languages', [])) > 1)
                <div class="header__top__right__language">
                    <img src="{{ url('exabytesafrica/img/language.png') }}" alt="">
                    <div>{{__('menu.language')}}</div>
                    <span class="arrow_carrot-down"></span>
                    <ul>
                        @foreach(config('app.available_locales') as $langLocale => $langName)
                            <li><a href="{{ url()->current() }}?change_language={{ $langLocale }}">
                                    {{ $langName }}</a></li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <div class="header__top__right__auth">
                <a href="{{ route('Dashboard', app()->getLocale()) }}"><i class="fa fa-user"></i> {{__('menu.staff')}}</a>
            </div>
        </div>
        <nav class="humberger__menu__nav mobile-menu">
            <ul>
                @if(request()->is('/') || request()->is('/home'))
                    <li class="active"><a href="{{ url('/') }}">{{__('menu.home')}}</a></li>
                    <li><a href="{{ route('Abood Routes', app()->getLocale()) }}">{{__('menu.routes')}}</a></li>
                    <li><a href="{{ route('Coaches', app()->getLocale()) }}">{{__('menu.coaches')}}</a></li>
                    <li><a href="{{ route('Contact', app()->getLocale()) }}">{{__('menu.contacts')}}</a></li>

                @elseif(request()->is('/abood-routes'))
                    <li><a href="{{ url('/') }}">{{__('menu.home')}}</a></li>
                    <li class="active"><a href="{{ route('Abood Routes', app()->getLocale()) }}">{{__('menu.routes')}}</a></li>
                    <li><a href="{{ route('Coaches', app()->getLocale()) }}">{{__('menu.coaches')}}</a></li>
                    <li><a href="{{ route('Contact', app()->getLocale()) }}">{{__('menu.contacts')}}</a></li>

                @elseif(request()->is('/coaches'))
                    <li><a href="{{ url('/') }}">{{__('menu.home')}}</a></li>
                    <li><a href="{{ route('Abood Routes', app()->getLocale()) }}">{{__('menu.routes')}}</a></li>
                    <li class="active"><a href="{{ route('Coaches', app()->getLocale()) }}">{{__('menu.coaches')}}</a></li>
                    <li><a href="{{ route('Contact', app()->getLocale()) }}">{{__('menu.contacts')}}</a></li>

                @elseif(request()->is('/contacts'))
                    <li><a href="{{ url('/') }}">{{__('menu.home')}}</a></li>
                    <li><a href="{{ route('Abood Routes', app()->getLocale()) }}">{{__('menu.routes')}}</a></li>
                    <li><a href="{{ route('Coaches', app()->getLocale()) }}">{{__('menu.coaches')}}</a></li>
                    <li class="active"><a href="{{ route('Contact', app()->getLocale()) }}">{{__('menu.contacts')}}</a></li>

                @endif
            </ul>
        </nav>
        <div id="mobile-menu-wrap"></div>
        <div class="header__top__right__social">
            <a href="#"><i class="fa fa-facebook"></i></a>
            <a href="#"><i class="fa fa-twitter"></i></a>
            <a href="#"><i class="fa fa-linkedin"></i></a>
        </div>
        <div class="humberger__menu__contact">
            <ul>
                <li><i class="fa fa-envelope"></i> info@aboodgroup.com</li>
                <li>{{__('menu.parcel_header')}}</li>
            </ul>
        </div>
    </div>
    <!-- Humberger End -->

    <!-- Header Section Begin -->
    <header class="header">
        <div class="header__top">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-6">
                        <div class="header__top__left">
                            <ul>
                                <li><i class="fa fa-envelope"></i> info@aboodgroup.com</li>
                                <li>{{__('menu.parcel_header')}}</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="header__top__right">
                            <div class="header__top__right__social">
                                <a href="#"><i class="fa fa-facebook"></i></a>
                                <a href="#"><i class="fa fa-twitter"></i></a>
                                <a href="#"><i class="fa fa-linkedin"></i></a>
                            </div>

                            @if(count(config('panel.available_languages', [])) > 1)
                                <div class="header__top__right__language">
                                    <img src="{{ url('exabytesafrica/img/language.png') }}" alt="">
                                    <div>{{__('menu.language')}}</div>
                                    <span class="arrow_carrot-down"></span>
                                    <ul>
                                        @foreach(config('app.available_locales') as $langLocale => $langName)
                                        <li><a href="{{ url()->current() }}?change_language={{ $langLocale }}">
                                                {{ $langName }}</a></li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif



                            <div class="header__top__right__auth">
                                <a href="{{ route('Dashboard', app()->getLocale()) }}"><i class="fa fa-user"></i> {{__('menu.staff')}}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-3">
                    <div class="header__logo">
                        <a href="{{ url('/') }}"><img src="{{ url('exabytesafrica/img/logo.png') }}" alt=""></a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <nav class="header__menu">
                        <ul>
                            @if(request()->is('/') || request()->is('/home'))
                                <li class="active"><a href="{{ url('/') }}">{{__('menu.home')}}</a></li>
                                <li><a href="{{ route('Abood Routes', app()->getLocale()) }}">{{__('menu.routes')}}</a></li>
                                <li><a href="{{ route('Coaches', app()->getLocale()) }}">{{__('menu.coaches')}}</a></li>
                                <li><a href="{{ route('Contact', app()->getLocale()) }}">{{__('menu.contacts')}}</a></li>

                            @elseif(request()->is('/abood-routes'))
                                <li><a href="{{ url('/') }}">{{__('menu.home')}}</a></li>
                                <li class="active"><a href="{{ route('Abood Routes', app()->getLocale()) }}">{{__('menu.routes')}}</a></li>
                                <li><a href="{{ route('Coaches', app()->getLocale()) }}">{{__('menu.coaches')}}</a></li>
                                <li><a href="{{ route('Contact', app()->getLocale()) }}">{{__('menu.contacts')}}</a></li>

                            @elseif(request()->is('/coaches'))
                                <li><a href="{{ url('/') }}">{{__('menu.home')}}</a></li>
                                <li><a href="{{ route('Abood Routes', app()->getLocale()) }}">{{__('menu.routes')}}</a></li>
                                <li class="active"><a href="{{ route('Coaches', app()->getLocale()) }}">{{__('menu.coaches')}}</a></li>
                                <li><a href="{{ route('Contact', app()->getLocale()) }}">{{__('menu.contacts')}}</a></li>

                            @elseif(request()->is('/contacts'))
                                <li><a href="{{ url('/') }}">{{__('menu.home')}}</a></li>
                                <li><a href="{{ route('Abood Routes', app()->getLocale()) }}">{{__('menu.routes')}}</a></li>
                                <li><a href="{{ route('Coaches', app()->getLocale()) }}">{{__('menu.coaches')}}</a></li>
                                <li class="active"><a href="{{ route('Contact', app()->getLocale()) }}">{{__('menu.contacts')}}</a></li>
                            @else
                                <li  class="active"><a href="{{ url('/') }}">{{__('menu.home')}}</a></li>
                                <li><a href="{{ route('Abood Routes', app()->getLocale()) }}">{{__('menu.routes')}}</a></li>
                                <li><a href="{{ route('Coaches', app()->getLocale()) }}">{{__('menu.coaches')}}</a></li>
                                <li><a href="{{ route('Contact', app()->getLocale()) }}">{{__('menu.contacts')}}</a></li>
                            @endif
                        </ul>
                    </nav>

                </div>
                <div class="col-lg-3">
                    <div class="header__cart">
                        <ul>
                        </ul>
                        <div class="header__cart__price">{{__('menu.any_faq')}}<span><a
                                    style="color: #1c1c1c" href="{{ route('FAQ', app()->getLocale()) }}">{{__('menu.faq')}}</a></span></div>
                    </div>
                </div>
            </div>
            <div class="humberger__open">
                <i class="fa fa-bars"></i>
            </div>
        </div>
    </header>

    <!-- Header Section End -->

    <!-- Hero Section Begin -->
    <section class="hero">
        <div class="container">
            <div class="row">
                <div class="col-lg-3">
                    <div class="hero__categories">
                        <div class="hero__categories__all">
                            <i class="fa fa-random"></i>
                            <span>{{__('menu.available_routes')}}</span>
                        </div>
                        <ul>
                            <marquee direction="up">
                                <li><a href="#">Dar Es Salaam - Morogoro</a></li>
                                <li><a href="#">Dar Es Salaam - Arusha</a></li>
                                <li><a href="#">Dar Es Salaam - Bukoba</a></li>
                                <li><a href="#">Dar Es Salaam - Musoma</a></li>
                                <li><a href="#">Dar Es Salaam - Tunduma</a></li>
                                <li><a href="#">Dar Es Salaam - Mbeya</a></li>
                                <li><a href="#">Dar Es Salaam - Mwanza</a></li>
                                <li><a href="#">Dar Es Salaam - Tabora</a></li>
                                <li><a href="#">Dar Es Salaam - Iringa</a></li>
                                <li><a href="#">Morogoro - Mwanza</a></li>
                                <li><a href="#">Morogoro - Arusha</a></li>
                                <li><a href="#">safari zetu ni kila siku</a></li>
                            </marquee>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-9">
                    <div class="hero__search">
                        <div class="hero__search__form">
                            <form method="post" action="{{ route('Print Ticket')}}">
                                @csrf
                                <div class="hero__search__categories">
                                    {{__('menu.my_ticket')}}
                                    <span class="fa fa-ticket"></span>
                                </div>

                                <input type="text" name="reference" placeholder="{{__('menu.enter_ticket')}}">
                                <button type="submit" class="site-btn">{{__('menu.search')}}</button>
                            </form>
                        </div>
                        <div class="hero__search__phone">
                            <div class="hero__search__phone__icon">
                                <i class="fa fa-phone"></i>
                            </div>
                            <div class="hero__search__phone__text">
                                <h5>+255(0)232613589</h5>
                                <span>{{__('menu.support')}}</span>
                            </div>
                        </div>
                    </div>
                    <div class="hero__item set-bg" data-setbg="{{ url('exabytesafrica/img/hero/banner.jpg') }}">
                        <div class="hero__text">
                            <!--                            <span style="color: #ffffff">FRUIT FRESH</span>-->
                            @include('includes.alerts')
                            <h2 style="color: #ffffff">ABOOD BUS SERVICE<br/></h2>
                            <p style="color: #ffffff">{{__('text.slogan')}}</p>
{{--                            <a href="#booking" class="primary-btn">{{__('text.bookticket')}}</a>--}}
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12" style="margin-left: 5px;">
                    <div class="shoping__continue">
                        <div id="booking" class="shoping__discount">
{{--                            <h5>{{__('text.search_trip')}}</h5>--}}
    {{--                            <form method="get" enctype="multipart/form-data" action="{{ route('Safari', app()->getLocale()) }}"--}}
    {{--                                  role="form">@csrf<input name="booking" type="hidden" value="OneWay">--}}
    {{--                                <div class="row">--}}
    {{--                                <div class="col-sm-3" style="margin-top: 1px; margin-bottom: 10px;">--}}
    {{--                                    <input class="awesomplete form-control"--}}
    {{--                                           data-minchars="1" data-maxitems="5"--}}
    {{--                                           data-list="{{ $cities }}" name="from"--}}
    {{--                                           placeholder="{{__('text.from')}}"--}}
    {{--                                           type="text" required/>--}}

    {{--                                    <select name="from" class="form-control">--}}
    {{--                                        <option value="">*************** {{__('text.from')}} ***************</option>--}}
    {{--                                        @foreach ($cities as $city)--}}
    {{--                                            <option value="{{ $city->city }}">{{ $city->city }}</option>--}}
    {{--                                        @endforeach--}}
    {{--                                    </select>--}}


    {{--                                </div>--}}
    {{--                                <div class="col-sm-3" style="margin-top: 1px; margin-bottom: 10px;">--}}
    {{--                                    <input class="awesomplete form-control"--}}
    {{--                                           data-minchars="1" data-maxitems="5"--}}
    {{--                                           data-list="{{ $cities }}" name="to"--}}
    {{--                                           placeholder="{{__('text.to')}}"--}}
    {{--                                           type="text" required/>--}}

    {{--                                    <select name="to" class="form-control">--}}
    {{--                                        <option value="">*************** {{__('text.to')}} ***************</option>--}}
    {{--                                        @foreach ($cities as $city)--}}
    {{--                                            <option value="{{ $city->city }}">{{ $city->city }}</option>--}}
    {{--                                        @endforeach--}}
    {{--                                    </select>--}}

    {{--                                </div>--}}
    {{--                                <div class="col-sm-3" style="margin-bottom: 5px;" >--}}
    {{--                                    <input type="text"--}}
    {{--                                           onfocus="(this.type='date')"--}}
    {{--                                           class="form-control"--}}
    {{--                                           id="bookingTripDdate"--}}
    {{--                                           name="date"--}}
    {{--                                           placeholder="{{__('text.date')}}"--}}
    {{--                                           required>--}}


    {{--                                </div>--}}
    {{--                                    <div class="col-sm-3">--}}
    {{--                                        <input type="submit" value="{{__('menu.book')}}" class="btn" style="background-color: #cd0604; color: #f8f8f8">--}}
    {{--                                    </div>--}}
    {{--                                </div>--}}


    {{--                            </form>--}}

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Hero Section End -->





    <!-- Blog Details Section Begin -->
    <section id="about"class="blog-details spad">
        <div id="about" class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 order-md-1 order-1">
                    <div class="blog__details__text">
                        <h3>ABOOD BUS SERVICE</h3>
                        <p>{{__('text.about')}}<br>

                            {{__('text.about2')}}<br>

                            {{__('text.about3')}}</p>
                    </div>
                </div>
            </div>



            <div class="row">
                <div class="categories__slider owl-carousel">

                    <div class="col-lg-3">
                        <div class="categories__item set-bg" data-setbg="{{ url('exabytesafrica/img/categories/cat-5.jpg') }}">
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="categories__item set-bg" data-setbg="{{ url('exabytesafrica/img/categories/cat-1.jpg') }}">
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="categories__item set-bg" data-setbg="{{ url('exabytesafrica/img/categories/cat-2.jpg') }}">
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="categories__item set-bg" data-setbg="{{ url('exabytesafrica/img/categories/cat-3.jpg') }}">
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="categories__item set-bg" data-setbg="{{ url('exabytesafrica/img/categories/cat-4.jpg') }}">
                        </div>
                    </div>

                </div>
            </div>


        </div>
    </section>
    <!-- Blog Details Section End -->

@endsection