@extends('layouts.front')
@section('page_title')
@parent
@if($page->metatitle) {{$page->metatitle}} @else {{$page->title}} @endif
@endsection
@section('head-js')
@stop
@section('meta')
    <!-- SEO -->
    <meta name="description" content="{{$defaultset->metadescr}}">
    <link rel="canonical" href="{{url('/'.$page->slug)}}" />
    <!-- <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="{{asset('/')}}" /> -->

    <!-- OG -->
    <meta property="og:site_name" content="{{$defaultset->metatitle}}">
    <meta property="og:locale" content="fa_IR" />
    <meta property="og:type" content="website">
    <meta property="og:url" content="{{url('/'.$page->slug)}}">
    <meta property="og:title" content="@if($page->metatitle) {{$page->metatitle}} @else {{$page->title}} @endif">
    <meta property="og:description" content="@if($page->metatitle) {{$page->metadescr}} @else {{$page->title}} @endif">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@Netito28592456" />
    <meta name="twitter:description" content="@if($page->metatitle) {{$page->metadescr}} @else {{$page->title}} @endif" />
    <meta name="twitter:title" content="@if($page->metatitle) {{$page->metatitle}} @else {{$page->title}} @endif" />
@stop
@section('main')
<main class="default">
    <section class="breadcrumb-section section-b-space">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="page-title">
                        <h1>{{$page->title}}</h1>
                    </div>
                </div>
                <div class="col-12">
                    <nav aria-label="breadcrumb" class="theme-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{url('/')}}">خانه</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{$page->title}}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </section>
    <section class="dralipor-pagebody mmt40">
      <div class="container">
          <div class="row section-b-space">
            <div class="col-lg-5">
                <div class="contact-right">
                    <ul>
                        <li>
                            <div class="contact-icon"><i class="fa fa-phone" aria-hidden="true"></i>
                                <h6>شماره های تماس</h6></div>
                            <div class="media-body">
                                <a href="tel:{{$defaultset->tel1}}">{{$defaultset->tel1}}</a>
                                <a href="tel:{{$defaultset->tel2}}">{{$defaultset->tel2}}</a>
                            </div>
                        </li>
                        <li>
                            <div class="contact-icon"><i class="fa fa-map-marker" aria-hidden="true"></i>
                                <h6>نشانی</h6></div>
                            <div class="media-body">
                                <p>{!!$defaultset->address!!}</p>
                            </div>
                        </li>
                        <li>
                            <div class="contact-icon"><i class="fa fa-envelope-o" aria-hidden="true"></i>
                                <h6>پست الکترونیکی</h6></div>
                            <div class="media-body">
                                <p>{{$defaultset->email}}</p>
                            </div>
                        </li>
                        @if($defaultset->fax)
                        <li>
                            <div class="contact-icon"><i class="fa fa-fax" aria-hidden="true"></i>
                                <h6>فکس</h6></div>
                            <div class="media-body">
                                <p>{{$defaultset->fax}}</p>
                            </div>
                        </li>
                        @endif
                        <li>
                            <div class="contact-icon"><i class="flaticon-share-social-interface-button" aria-hidden="true"></i>
                                <h6>شبکه های اجتماعی</h6></div>
                            <div class="media-body">
                              <ul class="btn-group-share mt30">
                                  @if($defaultset->twitter)
                                  <li>
                                    <a href="{{$defaultset->twitter}}" data-toggle="tooltip"
                                    title="ما در توییتر" class="btn-share btn-share-twitter" target="_blank"><i class="fa fa-twitter"></i></a>
                                  </li>
                                  @endif
                                  @if($defaultset->facebook)
                                  <li>
                                    <a href="{{$defaultset->facebook}}"
                                    title="ما در فیس بوک" data-toggle="tooltip" class="btn-share btn-share-facebook" target="_blank"><i class="fa fa-facebook"></i></a>
                                  </li>
                                  @endif
                                  @if($defaultset->instagram)
                                  <li>
                                    <a class="btn-share share-btn-instagram" href="{{$defaultset->instagram}}" data-toggle="tooltip" title="ما در اینستاگرام">
                                        <i class="fa fa-instagram" aria-hidden="true"></i>
                                    </a>
                                  </li>
                                  @endif
                                  @if($defaultset->telegram)
                                  <li>
                                    <a class="btn-share share-btn-telegram"
                                       href="{{$defaultset->telegram}}" data-toggle="tooltip"
                                       title="ما در تلگرام">
                                      <i class="fa fa-paper-plane" aria-hidden="true"></i>
                                    </a>
                                  </li>
                                  @endif
                              </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
              <div class="col-lg-7 map">
                @include('frontends.errors')
                {!! Form::open(['url'=>'/contact-us/send-msg-handle','method'=>'post','class'=>'theme-form contact-form']) !!}
                      <div class="form-row">
                          <div class="col-md-12">
                              <label for="name">نام و نام‌خانوادگی</label>
                              <input type="text" class="form-control" name="name" value="{{old('name')}}" placeholder="نام و نام خانوادگی خود را وارد نمائید" required>
                          </div>

                          <div class="col-md-12">
                              <label for="review">تلفن تماس</label>
                              <input type="text" class="form-control"  name="mobile" value="{{old('mobile')}}" placeholder="شماره تماس 11 رقمی خود را وارد نمائید" required>
                          </div>
                          <div class="col-md-12">
                              <label for="review">متن پیام</label>
                              <textarea class="form-control" placeholder="پیام خود را بنویسید" name="content"  rows="6" required>{{old('content')}}</textarea>
                          </div>
                          <div class="form-group mt20">
                            <div class="g-recaptcha" data-sitekey="{{config('services.recaptcha.sitekey')}}"></div>
                          </div>
                          <div class="col-md-12">
                              <button class="btn btn-primary btn-solid" type="submit">ارسال پیام</button>
                          </div>
                      </div>
                  {!! Form::close() !!}
              </div>
          </div>
      </div>
    </section>
    <div class="container-fluid map px-0">
        <div id="googleMap" style="width:100%;height:400px;"></div>
    </div>
</main>
<!--Section ends-->
<input type="hidden" id="lantitude" data-value="{{$defaultset->lat}}">
<input type="hidden" id="longtitude" data-value="{{$defaultset->lng}}">
@stop
@section('js')
<script>
function myMap() {
  var lat0 = $('#lantitude').attr('data-value');
  var lng0 = $('#longtitude').attr('data-value');
  var myCenter = new google.maps.LatLng(lat0,lng0);
  var mapCanvas = document.getElementById("googleMap");
  var mapOptions = {center: myCenter, zoom: 14,
    styles: [
                {
                    "featureType": "all",
                    "elementType": "all",
                    "stylers": [
                        {
                            "saturation": -100
                        },
                        {
                            "gamma": 0.5
                        }
                    ]
                }
            ] ,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            mapTypeControl: false,
            streetViewControl: false,
            panControl: false,
  };
  var map = new google.maps.Map(mapCanvas, mapOptions);
  var marker = new google.maps.Marker({
    position:myCenter ,
    animation: google.maps.Animation.DROP,
    draggable: true
  });
  marker.setMap(map);
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCvkZ8iJOrpj1Ff_T3TaFLXJM0U58PJuYU&callback=myMap"></script>
@stop