@php

$contact_info=getter('contact')->setLang(app()->getLocale())->orderBy('id','desc')->get(1);
if(isset($contact_info[0])){
    $contact=$contact_info[0];
}
$faqs=getter('faqs')->setLang(app()->getLocale())->get();
$paragraphs=getter('paragraphs')->setLang(app()->getLocale())->condition('position','=','contact-us')->get();
$banner=getter('banners')->setLang(app()->getLocale())->condition('position','=','news')->get();

@endphp

@extends('layouts.main',[
    'compact'=>'compact'
])
@section('title')
    <title>  {{__('texts.contact-us')}} | {{env('APP_NAME')}}</title>
@endsection

@section('content')
    <div class="section">
        <div class="content">
            <div class="section-title">
                {{__('texts.contact-us')}}
            </div>

        </div>



        <div class="section-body content contact-us no-p">

            <div class="contact-us-container">
                @if(isset($contact))
                <div class="contact-us-item white">
{{--                    <div class="item-title">--}}
{{--                    {{__('texts.contact-us-')}}--}}
{{--                    </div>--}}

                    <div class="item-desc small">
                      <div style="margin-bottom: 7px"> {{__('texts.telephone')}}</div>

                        <span @class('op')> {{$contact->phone}}</span>

                        <br>
                        <br>
                        <br>
                        <div style="margin-bottom: 7px">  {{__('texts.email')}}</div>
                        <a href="mailto:{{$contact->email}}" target="_blank" class="un">{{$contact->email}}</a>

                    </div>

                </div>

                <div class="contact-us-item border">
                    <div class="item-title">
                        {{__('texts.location')}}
                    </div>
                    <div class="item-desc small">
                            <div class="op">
                            {!! $contact->location !!}


                            </div>
                    </div>
{{--                    <a href="{{$contact->direction}}" class="l">Direction <span style="margin-left: 10px">@include('includes.direction',['lang'=>app()->getLocale()])</span></a>--}}

                </div>
                <div class="contact-us-item no-p">
                    <iframe
                        src="https://www.google.com/maps/embed/v1/place?q={!! $contact->map ?? '' !!}&key=AIzaSyDCKDGIY-bZdDovGd_zh0iScRJGhX7pTTA"
                        style="border: 0"
                        allowfullscreen="true"
                        scaleControl="false"
                        streetViewControl="false"
                        fullscreenControl="false"
                        loading="lazy"
                    ></iframe>
                  <div class="location-label">  Administration Office</div>
                </div>
                <div class="contact-us-item no-p added">
                    <iframe
                        src="https://www.google.com/maps/embed/v1/place?q={!! $contact->sec_map ?? '' !!}&key=AIzaSyDCKDGIY-bZdDovGd_zh0iScRJGhX7pTTA"
                        style="border: 0"
                        allowfullscreen="true"
                        scaleControl="false"
                        streetViewControl="false"
                        fullscreenControl="false"
                        loading="lazy"
                    ></iframe>
                    <div class="location-label"> Museum Site</div>
                </div>
                @endif
            </div>
                <div class="contact-us-container j-s-b">

                    <div class="contact-left">
                        @if(isset($paragraphs) && count($paragraphs)>0)
                            @php $c='no-aspect';@endphp
                            @foreach($paragraphs as $paragraph)

                                @include('components.paragraph',['paragraph'=>$paragraph,'no_aspect'=>$c])
                            @endforeach

                        @endif
                    </div>
                    <div class="contact-right">
                        @if(isset($faqs) && count($faqs)>0)
                        <div class="faq">
                            <div class="title">FAQ</div>

                                @foreach($faqs as $faq)
                           <div class="faq-item">
                               <div class="header"><span class="text">{{$faq->question}}</span> <span class="plus">@include('includes.plus')</span></div>
                               <div class="body">

                               {!! $faq->answer !!}
                               </div>
                           </div>
                                @endforeach





                        </div>
                        @endif
                    </div>

                </div>
        </div>
    </div>
    <div @class('news-letter')>
        @if(isset($banner[0]->image))
            <img src="{{$banner[0]->image->image}}" alt="">
        @endif

        <div @class('news-letter-container')>

            <h2>{{__('texts.join-community')}}</h2>
            <form action="{{route('newsletter')}}" method="post">
                @csrf
                <input @class('news-letter-input') type="email" placeholder="     {{__('texts.email')}}" name="email" id="" required>

                <button>
                    @include('includes.newsletter-send',['lang'=>app()->getLocale()])
                </button>

            </form>
        </div>
    </div>
@endsection