@extends('layouts.app')
@section('meta.title')
    <title>Baboon - Si mund t'ju ndihmojmë?</title>
@endsection

@section('meta.description')
    <meta name="description" content="Baboon eshte aplikacion shqiptar ku porosit ushqim online nga kompjuteri, tablet apo celulari.">
@endsection

@section('meta.keywords')
    <meta name="keywords" content="baboon, baboon food delivery, baboon albania, pizza taxi, sherbim taksi 24 ore, delivery and food tirana, restorante ne tirane, fast food ne tirane,ushqim i castit.">
@endsection
@section('content')
    <div class="help-container container">
        <div class="row">
            <div class="col-md-9 col-xs-12 col-md-offset-2">
                <h1 class="main-title ">Përshendetje! Si mund t'ju ndihmojmë ?</h1>
                <label > Kërko këtu</label>
                <div class="form-group ">
                    <input type ="text" class="form-control" id="search-help" name="location" placeholder="Shkruaj cfarë të duash">
                    <button class="btn btn-default " id="help-button" type="button">Kërko</button>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-10 col-xs-12 col-md-offset-1 text-center help-topics">
                <div class="col-md-3 col-xs-12">
                   <div class="row">
                       <img src="{{asset('images/order.png')}}" width="60" height="80">
                   </div>
                    <div class="row text-center">
                        <a href="" > Si mund ta di nëse porosia ime është konfirmuar?</a>
                   </div>

                </div>
                <div class="col-md-3 col-xs-12">
                   <div class="row">
                       <img src="{{asset('images/clock.png')}}" width="80" height="80">
                   </div>
                    <div class="row">
                        <a href="" >  Porosia ime është vonuar, çfarë duhet të bëj?</a>
                   </div>

                </div>
                <div class="col-md-3 col-xs-12">
                   <div class="row">
                       <img src="{{asset('images/wrong-order.png')}}" width="80" height="80">
                   </div>
                    <div class="row">
                        <a href="" >  Porosia ime nuk erdhi e saktë. Çfarë duhet të bëj?</a>
                   </div>

                </div>
                <div class="col-md-3 col-xs-12">
                   <div class="row">
                       <img src="{{asset('images/order-refused.png')}}" width="60" height="80">
                   </div>
                    <div class="row">
                        <a href="" > Porosia ime është refuzuar. Çfarë duhet të bëj?</a>
                   </div>

                </div>

            </div>
        </div>

        <div class="row">
            <div class="col-md-9 col-xs-12 col-md-offset-2 text-center help-topics">
                <div class="col-md-3 col-xs-12">
                  <button class="btn " id="other-help"> A keni ndonjë pyetje tjetër? </button>

                </div>

            </div>
        </div>

    </div>

@endsection