@extends('layouts.app')
@section('meta.title')
    <title>Baboon - Porosit ushqim online ne restorant, piceri, fast food</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 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="container" style="margin-bottom: 12rem;">
        <div class="nothing-near-background"></div>
        <div class="mt-5">
            <div class="text-center">
                <span style="color: #1c1c1c; font-size: 27px;">Do të lajmërohesh kur të vijmë tek ty?</span>
                <br>
                <span style="color: #46484D; font-size: 19px;">Të lutem li të dhënat e tua</span>
            </div>
            <div class="row mt-5">
                <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
                    <div class="col-md-12 nothing-near" style="padding: unset; margin-top: -2rem">
                        <select class="form-control country-prefix-select" name="phonePrefix">
                            @foreach($countries as $country)
                                <option style="font-size: 15px !important;" data-img="{{$country->flagUrl}}" value="{{$country->phonePrefixes[0]}}">
                                    {{$country->phonePrefixes[0]}}
                                </option>
                            @endforeach
                        </select>

                        <input type="text" class="form-control" id="phone-input" name="phone"
                               style="border: 1px solid #cacaca; font-size: 15px; height: 50px; border-radius: 10px"
                               value="{{ old('phone') }}" placeholder="Vendosni celularin" required
                               autofocus>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
                    <div class="col-md-12" style="padding: unset">
                        <img src="{{asset('images/email.svg')}}" class="form-control-left-icon input-icon"/>
                        <input style="border: 1px solid #cacaca; padding-left: 4rem; font-size: 15px; height: 50px; border-radius: 10px" type="email" class="form-control" name="email" value="{{ old('email') }}" placeholder="Email" required autofocus>
                    </div>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
                    <button class="btn" style="width: 100%; border-radius: 10px; height: 50px; font-size: 19px; font-weight: bolder; margin-top: auto; color: white; background-color: #42CD69">
                        Më lajmëro
                    </button>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('custom-js')
    <script type="application/ld+json">
        {
         "@context": "http://schema.org",
         "@type": "Restaurant",
         "name": "Baboon",
         "image": "https://www.baboon.al/images/baboon-search-logo.jpg",
         "@id": "",
         "url": "https://baboon.al/",
         "telephone": "+355 45620050 ",
         "priceRange": "Leke",
         "servesCuisine": "Traditional Albanian, Italian, Japanese, Chinese, etc",
         "acceptsReservations": "true",
         "address": {
           "@type": "PostalAddress",
           "streetAddress": "Rruga Themistokli Gërmenji,Tirane AL",
           "addressLocality": "Tirana",
           "postalCode": "01001",
           "addressCountry": "AL"
         },
         "openingHoursSpecification": {
           "@type": "OpeningHoursSpecification",
           "dayOfWeek": [
             "Monday",
             "Tuesday",
             "Wednesday",
             "Thursday",
             "Friday",
             "Saturday",
             "Sunday"
           ],
           "opens": "10:00",
           "closes": "23:00"
         },
         "sameAs": [
           "https://www.facebook.com/baboondelivery/"
         ]
        }

    </script>
@endsection