@extends('admin.default')
@section('title', 'Admin | Error Logs')
@section('content')	
   <nav class="page-breadcrumb">
      <ol class="breadcrumb">
         <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
         <li class="breadcrumb-item active" aria-current="page">Error Logs</li>
      </ol>
   </nav>
   <div class="row">
      <div class="col-md-12 grid-margin stretch-card">
         <div class="card">
            <div class="card-body">
               <h6 class="card-title">Error Logs</h6>
               <div class="table-responsive">
                  <table id="dataTableExample" class="table">
                     <thead>
                        <tr>
                           <th>Error_log</th>
                           <th>Status</th>
                           <th>Date</th>
                        </tr>
                     </thead>
                     <tbody>
                        @if(isset($data))
                        @foreach($data as $key)
                        <tr>
                            <td>
                                <a href="" class="view-target" data-toggle="modal" data-target=".view" data-value="{{$key->error_log}}">
                                    {!!Str::limit($key->error_log, 100, '...')!!}
                                </a>    
                            </td>
                            <td>{{$key->status}}</td>
                            <td>{{date("d M, Y", strtotime($key->created_at))}}</td>
                        </tr>
                        @endforeach
                        @endif
                     </tbody>
                  </table>
               </div>
            </div>
         </div>
      </div>
   </div>
                                      <!-- View Error Start -->
<div class="modal fade bd-example-modal-lg view" tabindex="-1" role="dialog" aria-labelledby="view" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="view">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Error</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
        <div class="modal-body">
            <div class="form-group row">
                <div class="col-md-12" id="view-error"></div>
            </div>
        </div>
    </div>
  </div>
</div>
                                <!-- View Error End -->
<script type="text/javascript">
$(document).ready(function() {
    $('.view-target').click(function(){
        let error = $(this).data("value");
        $("#view-error").html(error);
    });
});
</script>                               
@stop