@extends('main')

@if($seo !== NULL)
    @section('title', $seo->title)
    @section('description', $seo->description)
    @section('keywords', $seo->keywords)
    @section('author', $seo->author)
@else
    @section('title', 'Fanadek Masr | اتصل بنا')    
@endif

@section('content')
<div id="content">
    <div class="breadcrumbs-wrap" style="background-image: url({{asset($breadcrumb_background->content)}});">
        <div class="container">
            <h1 class="page-title">اتصل بنا</h1>
            <ul class="breadcrumbs">
                <li><a href="{{url('/')}}">الرئيسية</a></li>
                <li>اتصل بنا</li>
            </ul>
        </div>
    </div>
    <!-- - - - - - - - - - - - - end Breadcrumbs - - - - - - - - - - - - - - - -->
    <div class="page-section">
        <div class="container">
            <h2 class="section-title">بيانات الاتصال</h2>
            <div class="row">
                <div class="col-md-8 col-sm-12">
                    <!-- Google map -->
                    <div class="map-section">
                        {!!$contact->map!!}
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="content-element7">
                        <div class="contact-item">
                            <h6 class="contact-title"><i class="fas fa-map-marker-alt"></i> العنوان</h6>
                            <span class="contact-desc">{{$contact->address}}</span>
                        </div>
                    </div>
                    <div class="content-element7">
                        <div class="contact-section">
                            <div class="contact-item">
                            <h6 class="contact-title"><i class="fas fa-phone"></i> الهاتف</h6>
                            @if($contact->phone != '') <a href="tel:{{$contact->phone}}" target="_blank" class="contact-desc dir-ltr text-right">{{$contact->phone}}</a> @endif
                            @if($contact->phone_two != '') <a href="tel:{{$contact->phone_two}}" target="_blank" class="contact-desc dir-ltr text-right">{{$contact->phone_two}}</a> @endif
                            @if($contact->phone_three != '') <a href="tel:{{$contact->phone_three}}" target="_blank" class="contact-desc dir-ltr text-right">{{$contact->phone_three}}</a> @endif
                            @if($contact->phone_four != '') <a href="tel:{{$contact->phone_four}}" target="_blank" class="contact-desc dir-ltr text-right">{{$contact->phone_four}}</a> @endif
                            </div>
                            @if($contact->email != '')
                            <div class="contact-item">
                            <h6 class="contact-title"><i class="fas fa-envelope"></i> البريد الالكتروني</h6>
                            <a href="mailto:{{$contact->email}}" target="_blank" class="contact-desc">{{$contact->email}}</a>
                            </div>
                            @endif
                            @if($contact->whatsapp != '')
                            <div class="contact-item">
                            <h6 class="contact-title"><i class="fab fa-whatsapp-square"></i> Whatsapp</h6>
                            <a href="#" class="contact-desc">{{$contact->whatsapp}}</a>
                            </div>
                            @endif
                            @if($contact->viber != '')
                            <div class="contact-item">
                            <h6 class="contact-title"><i class="fab fa-viber"></i> Viber</h6>
                            <a href="#" class="contact-desc">{{$contact->viber}}</a>
                            </div>
                            @endif
                            @if($contact->skype != '')
                                <div class="contact-item">
                                <h6 class="contact-title"><i class="fab fa-skype"></i> Skype</h6>
                                <a href="#" class="contact-desc">{{$contact->skype}}</a>
                                </div>
                            @endif
                        </div>                   
                    </div>
                
                    <div class="content-element7">
                        <div class="contact-item">
                            <ul class="social-icons style-2">
                                @foreach ($socials as $social)
                                    <li>
                                    <a href="{{$social->link}}" class="{{$social->name}} social" target="_blank">
                                        @if($social->name == 'facebook')
                                        <i class="fab fa-facebook-f"></i>
                                        @elseif($social->name == 'google-plus')
                                        <i class="fab fa-google-plus-g"></i>
                                        @elseif($social->name == 'linkedin')
                                        <i class="fab fa-linkedin-in"></i>
                                        @elseif($social->name == 'rss')
                                        <i class="fas fa-rss"></i>
                                        @else
                                        <i class="fab fa-{{$social->name}}"></i>
                                        @endif
                                    </a>
                                    </li>
                                @endforeach 
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

      <div class="page-section-bg">
        <div class="container">
            <h2><b>تواصل معنا</b></h2>
          <form id="contact-form" class="contact-form" method="post" action="{{ url('/Contact-Us') }}">
          {{csrf_field()}}
            @if($msg != '')
                <div class="alert alert-success">{{$msg}}</div>
            @endif
            @if($errors->any())
                <div class="alert alert-danger">{{$errors->first()}}</div>
            @endif
            <div class="row">
              <div class="col-sm-4">
                
                <label for="name" class="required">الاسم</label>
                <input type="text" class="form-control" name="name" id="name" value="{{old('name')}}" placeholder="الاسم" />

                <label for="email" class="required">البريد الالكتروني</label>
                <input type="email" class="form-control" name="email" id="email" value="{{old('email')}}" placeholder="البريد الالكتروني" />

              </div>
              <div class="col-sm-4">
                
                <label for="phone" class="required">الهاتف</label>
                <input type="text" class="form-control" name="phone" id="phone" value="{{old('phone')}}" placeholder="الهاتف" />

                <label for="subject" class="required">الموضوع</label>
                <input type="text" class="form-control" name="subject" id="subject" value="{{old('subject')}}" placeholder="الموضوع" />

              </div>
              <div class="col-sm-4">
                
              <label for="message" class="required">الرسالة</label>
              <textarea name="message" class="form-control" id="message" cols="30" rows="7" placeholder="الرسالة">{{old('message')}}</textarea>

                <button type="submit" class="btn btn-style-2 btn-block" data-type="submit"><i class="fas fa-envelope"></i> ارسال</button>

              </div>
            </div>

          </form>

        </div>

      </div>


</div>
@endsection