@extends('frontend.layouts.app')

@section('content')

@if( isset( $preview->preview_data ) )

<style>
  .content iframe{
    height: 250px !important;
    width: 350px !important;
  }
</style>

@php   
    $previewData = json_decode( $preview->preview_data );

    if( isset( $previewData->category_id ) )
    {
        $category = \App\Models\AdCategory::find($previewData->category_id);    
    }
    
    if( isset(  $previewData->province_id ) )
    {
        $province = \App\Models\Province::find($previewData->province_id);
    }

    if(isset($previewData->module_id) && $previewData->module_id == 1)
    {
      $module_folder = 'business';
    }

    else if(isset($previewData->module_id) && $previewData->module_id == 2)
    {
      $module_folder = 'home-business';
    }

    else if(isset($previewData->module_id) && $previewData->module_id == 3)
    {
      $module_folder = 'non-profit';
    }

    else
    {
      $module_folder = 'default'; 
    }

    $module = \App\Models\AdModule::find($previewData->module_id);
@endphp

@if( isset( $previewData ) )
<!-- Business List Detail Banner Section Start -->
<div class="business-list-detail-banner" @if( isset( $module->banner_image ) ) style="background: linear-gradient(
0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url({{asset('module-banner/'.$module->banner_image)}});" @endif>
  <div class="container">
    <div class="row">
      <div class="col-md-8 left">
        <div class="content">
          <div class="title">
            <h2>{{$previewData->title ?? ''}}</h2>
            <!-- <a href="#" data-toggle="tooltip" data-placement="top" title="Add this item to favorites">
              <i class="fa fa-bookmark-o"></i>
            </a>
            <a href="#" data-toggle="tooltip" data-placement="top" title="Share Link">
              <i class="fa fa-share-alt"></i>
            </a> -->
          </div>
          
          <div class="category">
            <p>in <a href="#">{{$category->title}}</a></p>
          </div>
       
          <div class="opening-time">
            <div class="title">
              <h2>Hours</h2>
            </div>
            <div class="content">
              <button data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                 <i class="far fa-clock"></i> Monday : {{ $previewData->working_hour_monday ?? 'N/A' }} <span><i class="fas fa-sort-down"></i></span>
              </button>
              <div class="collapse" id="collapseExample">
                <div class="card card-body">
                  <p><span>Sunday : </span>{{ $previewData->working_hour_sunday ?? 'N/A' }}</p>
                  <p><span>Monday : </span>{{ $previewData->working_hour_monday ?? 'N/A' }}</p>
                  <p><span>Tuesday : </span>{{ $previewData->working_hour_tuesday ?? 'N/A' }}</p>
                  <p><span>Wednesday : </span>{{ $previewData->working_hour_wednesday ?? 'N/A' }}</p>
                  <p><span>Thursday : </span>{{ $previewData->working_hour_thursday ?? 'N/A' }}</p>
                  <p><span>Friday : </span>{{ $previewData->working_hour_friday ?? 'N/A' }}</p>
                  <p><span>Saturday : </span>{{ $previewData->working_hour_saturday ?? 'N/A' }}</p>
                </div>
              </div>
            </div>
          </div>
          <div class="follow-us">
            <div class="title">
              <h2>Follow Us</h2>
            </div>
            <div class="content">
              <ul>
                @if( isset( $previewData->facebook_url ) )
                <li><a href="{{$previewData->facebook_url}}"><i class="fa fa-facebook-f" aria-hidden="true"></i></a></li>
                @endif
                @if( isset( $previewData->twitter_url ) )
                <li><a href="{{$previewData->twitter_url}}"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                @endif
                @if( isset( $previewData->pinterest_url ) )
                <li><a href="{{$previewData->pinterest_url}}"><i class="fab fa-pinterest-p" aria-hidden="true"></i></a></li>
                @endif
                @if( isset( $previewData->instagram_url ) )
                <li><a href="{{$previewData->instagram_url}}"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                @endif
              </ul>
            </div>
          </div>
        </div>
      </div>

       <div class="col-md-4 text-right con-right">
        <div class="con-info address">
          <p><a class="item-link" href="https://www.google.com/maps/place/{{str_replace(' ','+',$previewData->street_address)}}/" target="_blank">{{$previewData->street_address}}, {{$province->name}}<i class="fas fa-home"></i></a></p>
          
        </div>
        @if( isset( $previewData->phone ) )
        <div class="con-info number">
          <p> <a class="item-link" href="tel:{{ $previewData->phone }} ">{{ $previewData->phone }} <i class="fas fa-mobile-alt"></i></a></p>
          
        </div>
        @endif

        @if( isset( $previewData->email ) )
        <div class="con-info email">
          <p><a class="item-link" href="mailto:{{ $previewData->email }}">{{ $previewData->email }} <i class="fas fa-envelope"></i></a></p>
        </div>
        @endif

        @php 

            function addhttp($url) 
            {

              if (!preg_match("~^(?:f|ht)tps?://~i", $url)) 
              {
                  $url = "https://" . $url;
              }

              return $url;
            }

        @endphp

        @if( isset( $previewData->website ) )
        <div class="con-info website">
          <p><a class="item-link" href="{{addhttp($previewData->website)}}" target="_blank">{{$previewData->website}} <i class="fas fa-desktop"></i></a></p>
        </div>
        @endif

        @if( isset( $previewData->embed_map_iframe ) )

        <div class="location-map">
          <div class="title">
            <h2>Location Map</h2>
          </div>
          <div class="content">
            {!!$previewData->embed_map_iframe!!}
          </div>
        </div>
        @endif

      </div>

     
    </div>
  </div>
</div>
<!-- Business List Detail Banner Section End -->

<!-- Business List Detail Content Section Start -->
<div class="business-list-detail-content">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <nav>
          <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
            <a class="nav-item nav-link active" id="over-view-tab" data-toggle="tab" href="#over-view" role="tab" aria-controls="over-view" aria-selected="true">Overview</a>
            <a class="nav-item nav-link" id="photos-tab" data-toggle="tab" href="#photos" role="tab" aria-controls="photos" aria-selected="false">Photos</a>
          </div>
        </nav>
        <div class="tab-content" id="nav-tabContent">
          <div class="tab-pane fade active show" id="over-view" role="tabpanel" aria-labelledby="nav-over-view-tab">
            <div class="content">
              <div class="col-md-12">
                <div class="title">
                  <h2>{{$previewData->overview_title}}</h2>
                </div>
                <div class="row">
                  <div class="col-md-6">
                    <div class="description" style="word-wrap: break-word;">
                     {!!$previewData->overview_description!!}
                    </div>                  
                  </div>
                  <div class="col-md-6">
                    <div class="image">
                      <img src="{{asset($module_folder.'/'.$previewData->overview_image)}}" alt="{{$previewData->overview_title}}">
                    </div>
                  </div>       
                </div>
              </div>
            </div>
          </div>
          <div class="tab-pane fade" id="photos" role="tabpanel" aria-labelledby="nav-photos-tab">
            <div class="row">

              @if(isset( $previewData->gallery_image ) && count( $previewData->gallery_image ) > 0)
              @foreach( $previewData->gallery_image as $key => $gallery )

                @php 
                  $file_parts = pathinfo($gallery); 
                @endphp

                @if( isset( $file_parts['extension'] ) )
                <div class="col-lg-3 col-md-4 col-sm-6 photos-tab">
                  <div class="img-box">
                    <img src="{{asset($module_folder.'-gallery/'.$gallery)}}" class="img-responsive">
                    <ul class="text-center">
                      <a href="#" type="button" data-toggle="modal" data-target="#FirstImage{{$key}}"><li>
                        <i class="fas fa-camera"></i>
                        <p>View Photo</p>
                      </li></a>
                    </ul>

                    <!-- Modal Start-->
                    <div class="modal fade" id="FirstImage{{$key}}" tabindex="-1" role="dialog" aria-hidden="true">
                      <div class="modal-dialog modal-dialog-centered" role="document">
                        <div class="modal-content">
                          <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLongTitle">{{$previewData->title}}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                              <span aria-hidden="true">&times;</span>
                            </button>
                          </div>
                          <div class="modal-body">
                            <img src="{{asset($module_folder.'-gallery/'.$gallery)}}" class="img-responsive">
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- Modal End-->
                  </div>
                </div>
                @endif
              @endforeach
              @endif
            </div>
          </div>
        </div>
      
      </div>
    </div>

    <div class="row" style="margin-top: 20px;"> 
        <div class="col-md-12">
            <div class="text-center">  
                <a href="{{route('preview.post-ad.countinue')}}" class="btn btn-primary">Continue Ad Post</a>
                <a href="{{route('post-ad')}}?editAdPost={{$preview->id}}" class="btn btn-secondary">Edit Ad Post</a>
            </div>
        </div>
    </div>
  </div>
</div>
<!-- Modal send message -->
@endif

@endif

@endsection