@extends('pages.admin.layout')

@section('content')
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <h1>
      All Categories
    </h1>
  </section>

  <!-- Main content -->
  <section class="content">
    <div class="box">
      <div class="box-header">
        <h3 class="box-title">All Categories</h3>
          <form method="get" class="row">
              <div class="form-inline form-group col-md-4">
                  <input type="text" name="search" placeholder="Enter search term" value="{{ request('search') }}" class="form-control">
                  <button type="submit" class="btn btn-xs">Search</button>
              </div>
              <div class="col-md-8 text-right">
                  <a href="{{ route('admin.categories.create') }}" class="btn btn-xs btn-info pull-right">Create Category</a>
              </div>
          </form>
      </div>
      <!-- /.box-header -->
      <div class="box-body">
        <table id="categoryTable" class="table table-bordered table-hover">
          <thead>
          <tr>
            <th>Name</th>
              <th>Parent</th>
                <th>Availability</th>
              <th>Active</th>

            <th>Actions</th>
          </tr>
          </thead>
          <tbody>
          @foreach($categories as $category)
            <tr>
              <td>{{ $category->name }}</td>
              <td>{{ $category->parent_id && $category->parent ? $category->parent->name : '-' }}</td>
                    <td class="availableTd">{{ $category->min_site ? 'MIN Online'."\r\n" : '' }}{{
                        $category->edible_site ? 'Edible16 Online'."\r\n" : '' }}{{ $category->non_eco_village ?
                        'NOT ePos Eco Village'."\r\n" : '' }}
                    </td>
              <td>{{ $category->active ? 'Yes' : 'No' }}</td>
                <td><a href="{{ route('admin.categories.edit', $category->getKey()) }}" class="btn btn-info btn-sm">Edit</a> / <form method="post" action="{{ route('admin.categories.destroy', $category->getKey()) }}">@csrf<input type="hidden" name="_method" value="DELETE"><button class="btn btn-danger" type="submit">Delete</button></form></td>
            </tr>
          @endforeach
          </tbody>
        </table>
      </div>
      <!-- /.box-body -->
      <div class="box-footer">
        {{ $categories->appends(['search' => request('search')])->links() }}
      </div>
      <!-- /.box-footer-->
    </div>
    <!-- /.box -->

  </section>
@endsection
@section('scripts')
<style>
    .availableTd {

        white-space: pre;
    }
</style>
  <script>
    $('#categoryTable').DataTable()
  </script>
@append