@extends('layouts.app',['dashBoardTitle'=>'Instant Page Helper']) 
@php
use Illuminate\Support\Str;
@endphp
@section('content')
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
@if (session('status'))

    <div class="alert alert-success" id="popup"> 
        {{ session('status') }} 
        <!-- <button type="button" class="close" data-dismiss="alert">×</button> -->
        <button class="close-button" aria-label="Dismiss alert" type="button" id="close" style="float:right">
       <span aria-hidden="true">&times;</span>
  </button>
    </div>
    
@endif  
<!-- <input type="button" class="mybutton btn btn-primary" onclick="showModal()" value="Open Model" />  -->
<a href="{{url('superadmin/page_help/add')}}" class="btn btn-success text-white pull-right" >Add</a>



<div class="container">
<div class="col-sm-12">

<!--<button class="tablink" onclick="openPage('myModal', this, '#22b3ab')"style="
    width: 302px;
    margin-top: 5px;
    height: 48px;
    height: 30px;
    font-weight:bold;
    font-size: 15px;padding-top: 2px;
">Add Instant Helper</button>-->
<!-- <button class="tablink" onclick="openPage('About', this, 'orange')">About</button> -->

<div class="tabcontent">

  @if(count($data)>0)
    <table class=  "table table-striped table-nowrap custom-table mb-0 datatable dataTable no-footer" id="" role="grid" aria-describedby="DataTables_Table_0_info">
      <thead>
        <tr role="row">
          <th>Id</th>
          <th class="">Slug</th>
          <th>Question</th>
          <th>Answer</th>
          <th >Created Date</th>
          <th>Actions</th>
      </thead>

        <tbody>    
         @foreach($data as $content)
          <tr>
            <td>{{$loop->iteration}}</td>
            <!-- <td style="
    padding-left: 26px;
">{{$content->id}}</td> -->
            <td class="">{{$content->slug}}</td>
            <td class="">{!! Str::of($content->question)->limit(20) !!}</td>
            <td class="">{!! Str::of($content->answer)->limit(20) !!}</td>
            <td>{{date('d-m-Y',strtotime($content->created_at))}}</td>
            <td> <a href="{{url('superadmin/page_help/edit')}}/{{$content->id}}" class="btn btn-success">Edit</a>
            <a href="javascript:void(0);" >
            <form method="POST" action="{{url('superadmin/page_help/delete')}}" style="display:inline;">
              @csrf
              <input type="hidden" name="id" value="{{$content->id}}" >
            <button type="submit" class="btn btn-danger">Delete</button>
            </form>
</a>
          </td>
          </tr>
          @endforeach
        </tbody>
    </table>
    {{ $data->links() }}
  </div>
    <div>
      @else
        <p> No Records Found</p>
      @endif
    </div>






@endsection