@php ($headerOption = [
  'title' => $module,
  'header_button' => $permission['create'] ? '<a class="btn bg-teal waves-effect" href="'. route($routePrefix . '.create') .'" data-toggle="tooltip" data-original-title="Add New Record"><i class="material-icons">add</i> <span>Add New</span></a>' : ''
])
@extends('admin.layouts.layout', $headerOption)


@section('main')
<div class="table-responsive">
  <table class="table table-bordered table-striped table-condensed">
    <thead>
      <tr>
       <th>Title</th>
       <th>Description</th>
       <th>Link</th>
       @if($permission['edit'] || $permission['destroy'])
       <th width="15%" style="text-align: right;">Action</th>
       @endif
      </tr>
    </thead>
      <tbody>
      @if(count($data) != 0)
      @php($siteSettings = \App\Helpers\Helper::SiteSettingDetails())
        @foreach ($data as $key => $site_content)
        <tr>
          <td>{{ $site_content->title }}</td>
          <td>{{ substr(strip_tags($site_content->long_description),0,50) }}</td>
          @if(($site_content->type))
          <td><a href="{{$siteSettings['frontend_url'].'cms/'.$site_content->slug}}" target="_blank">{{$siteSettings['frontend_url'].'cms/'.$site_content->slug}}</a><a href="javascript:;" class="preview-link" data-link="{{$siteSettings['frontend_url'].'cms/'.$site_content->slug}}"><i class="material-icons">preview</i></a></td>
          @else
          <td></td>
          @endif
          @if($permission['edit'] || $permission['destroy'])
          <td class="text-right">
            @if($permission['edit'])
            <a href="{{ route($routePrefix . '.edit',$site_content->id) }}" class="btn btn-default btn-circle waves-effect waves-circle waves-float" data-toggle="tooltip" title="" data-original-title="Edit"><i class="material-icons">create</i></a>
            @endif
            @if($permission['destroy'] && $site_content->type)
              <a class="btn bg-red btn-circle waves-effect waves-circle waves-float" data-toggle="tooltip" title="" data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?" data-confirm-yes="event.preventDefault();
              document.getElementById('delete-form-{{$site_content->id}}').submit();" data-original-title="Delete"><i class="material-icons">delete</i></a>
              {!! Form::open([
                'method' => 'DELETE',
                'route' => [
                  $routePrefix . '.destroy', 
                  $site_content->id
                ], 
                'style'=>'display:inline', 
                'id' => 'delete-form-' . $site_content->id
                ]) !!}
              {!! Form::close() !!}
            @endif
          </td>
          @endif
        </tr>
         @endforeach
      @else 
      <tr><td colspan="25"><div class="alert alert-danger">No Data</div></td></tr>
      @endif
</table>
{!! $data->render() !!}


@endsection
@section('scripts')
<script>
$(document).ready(function () {
  $('body').on('click','.preview-link',function(){
    var link = $(this).attr('data-link');
    myWindow = window.open(link, "", "width=375, height=812");
  });
});
</script>
@endsection