@php
  $configData = Helper::appClasses();
@endphp
@extends('layouts.layoutMaster')

@section('title', 'Apps')
@section('vendor-style')

@endsection

@section('page-style')
<style id="table-report">
  table#data-table-report-script{
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    table-layout: fixed; 
    /* word-wrap:break-word; */
  }

  .text-wrap {
    word-wrap: break-word;
    text-wrap: wrap !important;
  }

  a[disabled='true']{
    opacity: 0.5;
  }
</style>
@endsection

@section('vendor-script')
<!-- Flat Picker -->
<script src="{{asset('assets/vendor/libs/moment/moment.js')}}"></script>
<script src="{{asset('assets/vendor/libs/flatpickr/flatpickr.js')}}"></script>
<!-- Form Validation -->
<script src="{{asset('assets/vendor/libs/formvalidation/dist/js/FormValidation.min.js')}}"></script>
<script src="{{asset('assets/vendor/libs/formvalidation/dist/js/plugins/Bootstrap5.min.js')}}"></script>
<script src="{{asset('assets/vendor/libs/formvalidation/dist/js/plugins/AutoFocus.min.js')}}"></script>
@endsection

@section('page-script')
  @include('seller.pages.report-script.table-js')
@endsection

@section('content')
  <div class="d-flex w-100 justify-content-between">
    <h4 class="fw-bold py-3 mb-4">
      List Report Script
    </h4>
  </div>
  {{-- <hr class="my-1"> --}}
  <div class="card">
    <div class="table-responsive text-nowrap px-2 pb-2">
      <table class="datatables-basic table table-bordered" id="data-table-report-script">
        <thead>
          <tr>
            <th>User Report</th>
            <th>Script</th>
            <th>Note</th>
            <th>Request</th>
            <th>Created at</th>
            <th>Processed at</th>
            <th>Status</th>
            <th>Actions</th>
          </tr>
        </thead>
      </table>
    </div>
  </div>
  

@endsection