@extends('admin.default')
@section('title', 'Admin | SEO Scripts')
@section('content')	
@php
$permissions= getPermissions();
@endphp		
<style type="text/css">
    .tooltip-inner {
    max-width: 500px !important;
}
</style>
   <nav class="page-breadcrumb">
      <ol class="breadcrumb">
         <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
         <li class="breadcrumb-item active" aria-current="page">SEO Scripts</li>
      </ol>
   </nav>
   <div class="row">
        <div class="col-md-12">
          @if(isset($permissions) && isset($permissions['add_seo_script']) && $permissions['add_seo_script']==1)   
            <a class="btn btn-primary btn-icon-text text-white float-right mb-2" data-toggle="modal" data-target=".add">
               <i class="btn-icon-prepend" data-feather="plus"></i>
               Add SEO Script
            </a>
          @endif
        </div>
    </div>
   <div class="row">
      <div class="col-md-12 grid-margin stretch-card">
         <div class="card">
            <div class="card-body">
               <h6 class="card-title">SEO Scripts</h6>
               <div class="table-responsive">
                  <table id="dataTableExample" class="table">
                     <thead>
                        <tr>
                           <th>Script Name</th>
                           <th>Script Content</th>
                           <th>Date</th>
                           @if(
                            isset($permissions) && isset($permissions['seo_edit_button']) && $permissions['seo_edit_button']==1 ||
                            isset($permissions) && isset($permissions['seo_delete_button']) && $permissions['seo_delete_button']==1
                           )    
                           <th><span class="float-right">Action</span></th>
                           @endif
                        </tr>
                     </thead>
                     <tbody>
                        @if(isset($data))
                        @foreach($data as $key)
                        <tr>
                            <td>{{$key->name}}</td>
                            <td data-toggle="tooltip" data-placement="bottom" title="{{$key->value}}">{{Str::limit($key->value, 100, '...')}}</td>
                            <td>{{date("d M, Y", strtotime($key->updated_at))}}</td>
                            <td class="float-right">
                            @if(isset($permissions) && isset($permissions['seo_edit_button']) && $permissions['seo_edit_button']==1)    

                                <a href="{{route('getSEOScript', $key->id)}}" class="btn btn-sm btn-primary d-inline">Edit</a>
                            @endif
                                @if(isset($permissions) && isset($permissions['seo_delete_button']) && $permissions['seo_delete_button']==1)    

                                <form method="post" action="{{route('generalSettingsSetStatus', $key->id)}}" class="d-inline">
                                    @csrf
                                    <input type="hidden" name="status" value="delete">
                                    <input class="btn btn-sm btn-danger" type="submit" name="delete" value="Delete">
                                </form>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                        @endif
                     </tbody>
                  </table>
               </div>
            </div>
         </div>
      </div>
   </div>
                                   <!-- Add Modal Start -->
<div class="modal fade bd-example-modal-lg add" tabindex="-1" role="dialog" aria-labelledby="add" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="add">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Add SEO Script</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
    <form method="post" action="{{route('seoStore')}}" enctype="multipart/form-data">
        <div class="modal-body">
            <div class="form-group row">
                <div class="col-md-2">Name</div>
                <div class="col-md-10">
                    <input type="text" name="name" class="form-control" placeholder="Script Name" required>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-md-2">Script</div>
                <div class="col-md-10">
                    <textarea name="value" class="form-control" placeholder="Script" rows="8" required></textarea>
                </div>
            </div>
        </div>
      <div class="modal-footer">
        <input type="submit" class="btn btn-primary" value="Save">
      </div>
    </form>
    </div>
  </div>
</div>
                                <!-- Add Modal End -->
                                                                
                                <!-- Update Modal Start -->
<div class="modal fade bd-example-modal-lg edit" tabindex="-1" role="dialog" aria-labelledby="edit" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="edit">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Edit SEO Script</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
    <form method="post" action="{{route('seoStore', isset($seoData->id)?$seoData->id:'')}}" enctype="multipart/form-data">
        <div class="modal-body">
            <div class="form-group row">
                <div class="col-md-2">Name</div>
                <div class="col-md-10">
                    <input type="text" name="name" class="form-control" placeholder="Script Name" value="{{isset($seoData->name)?$seoData->name:''}}" required>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-md-2">Script</div>
                <div class="col-md-10">
                    <textarea name="value" class="form-control" placeholder="Script" rows="8" required>{{isset($seoData->value)?$seoData->value:''}}</textarea>
                </div>
            </div>
        </div>
      <div class="modal-footer">
        <input type="submit" class="btn btn-primary" value="Save">
      </div>
    </form>
    </div>
  </div>
</div>
@if(isset($seoData))
<script type="text/javascript">
    $(window).on('load', function() {
        $('.edit').modal('show');
    });
</script>
@endif
                                <!-- Update Modal End -->
@stop