@extends('website.layouts.layouts')
@section('customized_meta')
    <!------ page meta tag ------->
    <meta name="description" content="{{$og->description?$og->description:$mainOpenGraph->description}}">
    <meta name="keywords" content="{{$og->key_words?$og->key_words:$mainOpenGraph->key_words}}">
    <!--------------------------->
    <!------ open graph meta tag ------->

    <meta property="og:type"content="{{$og->openGraph->og_type?$og->openGraph->og_type:$mainOpenGraph->openGraph->og_type}}">
    <meta property="og:title"content="{{$og->openGraph->og_title?$og->openGraph->og_title:$mainOpenGraph->openGraph->og_title}}">
    <meta property="og:description"content="{{$og->openGraph->og_description?$og->openGraph->og_description:$mainOpenGraph->openGraph->og_description}}">
    <meta property="og:url"content="{{$og->openGraph->og_url?$og->openGraph->og_url:$mainOpenGraph->openGraph->og_url}}">
    <meta property="og:site_name"content="{{$og->openGraph->og_site_name?$og->openGraph->og_site_name:$mainOpenGraph->openGraph->og_site_name}}">


    @if($og->openGraph->image_url)
        <meta property="og:image"content="{{$og->openGraph->image_url}}">
    @elseif($mainOpenGraph->openGraph->image_url)
        <meta property="og:image"content="{{$mainOpenGraph->openGraph->image_url}}">
    @elseif($og->openGraph->og_image_id)
        <meta property="og:image"content="{{asset("/storage/uploads/".$og->openGraph->image->dir_name.'/'.$og->openGraph->image->name)}}">
    @elseif($mainOpenGraph->openGraph->og_image_id)
        <meta property="og:image"content="{{asset("/storage/uploads/".$mainOpenGraph->openGraph->image->dir_name.'/'.$mainOpenGraph->openGraph->image->name)}}">
    @endif

    <!------------->
@endsection
@section('content')
    <!-- contact us page -->
    <div class="contact-page">
        <div class="container">
            <div class="page-body">
                <ul class="branches"dir="ltr">

                    @if($branchs)
                        @foreach($branchs as $branch)
                            <li>
                                <div class="branch-heading">
                                    <p>
                                        {{$branch->{'branch_'.HelperClass::currentLang()}->name}}
                                    </p>
                                </div>
                                <div class="working-hours-phones">
                                    <div class="working-hours">
                                        <ul class="week-days">
                                            <li>
                                        <span style="width:500px;">
                                           {{$branch->working_days->{'working_days_'.HelperClass::currentLang()}->working_time}}
                                        </span>
                                        <span>
                                          {{$branch->working_days->{'working_days_'.HelperClass::currentLang()}->working_hrs}}
                                        </span>
                                            </li>
                                            <li>
                                        <span>
                                          {{$branch->working_days->{'working_days_'.HelperClass::currentLang()}->closing_days}}
                                        </span>
                                        <span>
                                          Closed
                                        </span>
                                            </li>
                                        </ul>
                                    </div>
                                    <ul class="phones">
                                        <li>
                                            <span class="feather icon-phone-call"></span>
                                            <span>
                                        {{$branch->phone}}
                                    </span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="location">
                          <span>
                            <i class="feather icon-map-pin"></i>
                              {{$branch->{'branch_'.HelperClass::currentLang()}->address}}
                          </span>
                                </div>
                            </li>
                        @endforeach
                    @else
                    @endif

                </ul>

                <div class="form-wrapper">
                    <div class="form-heading">
                        <p>
                            {{--Contact Us--}}
                            {{trans("trans.contact_contatc_us")}}
                        </p>
                        @include("dashboard.layouts.messages")
                    </div>
                    <form action="/contact" method="post">
                        @csrf
                        <div class="form-div">
                            <input type="text" name="name" placeholder="{{trans("trans.contact_us_name")}}*"> {{--name*--}}
                        </div>
                        <div class="form-div">
                            <input type="email" name="email" placeholder=" {{trans("trans.contact_us_email")}}*">{{--Email Adress*--}}
                        </div>
                        <div class="form-div">
                            <input type="text" name="phone" placeholder="{{trans("trans.contact_us_phone")}}*">{{--Phone Number--}}
                        </div>
                        <div class="form-div">
                            <input type="text" name="title" id="" placeholder="{{trans('trans.contact_us_message_title')}}">{{--Message Title--}}
                        </div>
                        <div class="form-div">
                            <textarea name="message_content" placeholder="{{trans("trans.contact_us_message")}}"></textarea>{{--Message--}}
                        </div>
                        <button type="submit">
                            <span class="feather icon-send"></span>
                            <span>{{trans('trans.contact_us_send')}}</span>{{--Send--}}
                        </button>
                    </form>
                </div>
            </div>
        </div>
{{--
        https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d13810.273315112216!2d31.342725649999995!3d30.077905700000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sar!2seg!4v1564997275330!5m2!1sar!2seg
--}}

        <div class="map-wrapper">
            <iframe src="{{$shared_contact?$shared_contact->location:'https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d13810.273315112216!2d31.342725649999995!3d30.077905700000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sar!2seg!4v1564997275330!5m2!1sar!2seg'}}" style="border:0" allowfullscreen="" frameborder="0"></iframe>
        </div>

    </div>
        <!-- contact us page -->
@endsection