@extends('layouts.app')
@section('meta.title')
    <title>Baboon - Na kontaktoni</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="main-container container" style="margin-top: 110px;">
        <div class="main-container-list">
            <a class="main-container-item" href="{{route('home')}}">
                Home
            </a>
            <img src="images/arrow-point.png">
            <a class="main-container-item" href="{{route('home')}}">
                Rreth Baboon
            </a>
        </div>
        {{--end of the main container item--}}
        <div class="row">
            <div class="col-md-3">
                <aside class="aside-list">
                    <h2 class="aside-title">Rreth Baboon</h2>
                    <ul class="aside-ul">
                        <li class="aside-ul-li"><a href="{{route('about')}}">Kush jemi ne?</a></li>
                        <li class="aside-ul-li"><a href="{{route('new-restaurant')}}">Informacion për Restorantet</a></li>
                    </ul>
                    <h2 class="aside-title">Kontakto</h2>
                    <ul class="aside-ul">
                        <li class="aside-ul-li"><a href="{{route('contact-us')}}" >Kontakto</a></li>
                        <li class="aside-ul-li"><a href="{{route('new-restaurant')}}" >Sugjero një restorant</a></li>
                    </ul>
                    <h2 class="aside-title">Te tjera</h2>
                    <ul class="aside-ul">
                        <li class="aside-ul-li"><a href="{{route('terms-of-use')}}" >Politikat e privatësisë. Termat dhe Kushtet</a></li>
                        <li class="aside-ul-li"><a href="{{route('apply')}}" >Mundësitë për punë</a></li>
                    </ul>
                </aside>
            </div>
            {{--end of the col-md-3--}}
            <div class="panel panel-default panel_contact col-md-8 col-xs-12">

                <div class="panel-body deliver-apply-form">
                    <fieldset>
                        <div class="panel-heading delivery-title">Na Kontaktoni</div>
                        <form class="form-horizontal col-md-12" method="POST" action="" >
                            {{ csrf_field() }}
                            <div class="form-row">
                                <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }} col-md-6">
                                        <label for="name" class="control-label delivery-label">Emri</label>
                                        <input  type="text" class="form-control" name="name" value="{{ old('name') }}" placeholder="Emri" required>

                                        @if ($errors->has('name'))
                                            <span class="help-block">
                                        <strong>{{ $errors->first('name') }}</strong>
                                        </span>
                                        @endif
                                </div>
                                <div class="form-group{{ $errors->has('username') ? ' has-error' : '' }} col-md-6">
                                        <label for="username" class="control-label delivery-label">Mbiemri</label>
                                        <input  type="text" class="form-control" name="name" value="{{ old('name') }}" placeholder="Mbiemri" required>

                                        @if ($errors->has('username'))
                                            <span class="help-block">
                                        <strong>{{ $errors->first('username') }}</strong>
                                        </span>
                                        @endif

                                </div>
                            </div>
                            {{--end of the div.form-row--}}


                            <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }} col-md-12">
                                    <label for="email" class=" control-label delivery-label">Addresa  E-Mail </label>
                                    <input type="email" class="form-control" name="email" value="{{ old('email') }}" placeholder="E-mail" required>

                                    @if ($errors->has('email'))
                                        <span class="help-block">
                                        <strong>{{ $errors->first('email') }}</strong>
                                    </span>
                                    @endif

                            </div>

                            <div class="form-group{{ $errors->has('phone') ? ' has-error' : '' }} col-md-12">
                                    <label for="phone" class=" control-label delivery-label">Nr i telefonit </label>
                                    <input type="text" class="form-control" name="phone" value="{{ old('phone') }}" placeholder="Numri i telefonit" required>

                                    @if ($errors->has('phone'))
                                        <span class="help-block">
                                        <strong>{{ $errors->first('phone') }}</strong>
                                    </span>
                                    @endif

                            </div>

                            <div class="form-group{{$errors->has('contact_reason') ? 'has-error' : ''}}  col-md-12">
                                    <label for="reason_of_contact" class="control-label delivery-label">Arsyeja e kontaktit</label>

                                            <select name="reason_for_contact" class="form-control select_reason">
                                                <option value="contact_suggestion">Sygjerim</option>
                                                <option value="contact_remark">Vërejtje</option>
                                                <option value="contact_others">Tjeter</option>
                                            </select>

                                @if ($errors->has('contact_reason'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('contact_reason') }}</strong>
                                    </span>
                                @endif

                            </div>

                            <div class="form-group {{$errors->has('contact_msg') ? 'has-error' : ''}}col-md-12">
                                    <label for="contact_message" class="control-label delivery-label">Mesazhi</label>
                                    <div class="input-group">
                                        <textarea name="contact_textarea_msg" class="txtarea_msg" id="textarea_msg" cols="65" rows="7" placeholder="Shkruani mesazhin tuaj."></textarea>
                                    </div>
                                @if ($errors->has('contact_msg'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('contact_msg') }}</strong>
                                    </span>
                                @endif
                            </div>
                            <div class="form-group col-md-12">
                                <button type="submit" id="btn_contact_submit" class="btn btn-primary " style="width: 100%">Dërgo Mesazh</button>
                            </div>

                        </form>

                    </fieldset>
                    {{--end of fieldset--}}
                    <hr>
                    <div class="panel-heading delivery-title">Si mund tju ndihmojmë?</div>
                    <div class="contact_info col-md-12">
                        <p>Për pyetje ose probleme plotësoni formularin më lart, klikoni mbi ndihmën online ose na kontaktoni me anën e telefonit.</p>
                        <span><i class="fa fa-street-view"></i> Rruga Dervish Hima 1,Tirane AL</span>
                        <br>
                        <span><i class="fa fa-phone"></i> +355676038187 </span>
                        <br>
                        <span><i class="fa fa-envelope"></i> hello@baboon.al </span>
                    </div>

                </div>
                {{--end of the panel body--}}
            </div>
            {{--end of the panel col-9--}}

        </div>
        {{--end of the row--}}
    </div>
    {{--end of the main-container--}}
@endsection