@extends('layouts.app')

@section('content')
<div class="container"> <div class="row justify-content-center"> <div class="col-md-12"> <div class="card"> <div
    class="card-header"><h3>Category</h3></div>

    <div class="card-body"> 
      <div class="letters">
        @foreach(range('a','z') as $v)

  <a href="{{Request::url().'?alphabet='.$v}}" class="{{request()->get('alphabet')==$v?'active':''}}">{{$v}}</a>
  @endforeach
  <a href="{{Request::url().'?alphabet=number'}}" class="{{request()->get('alphabet')=='number'?'active':''}} number">0-9</a>
</div>
    <div class="row my-4">
<div class="col-md-8">
<a class="btn btn-success" href="{{route('categories.add')}}">Add new</a>    
</div> 
<div class="col-md-4">
    <form action="{{Request::url()}}" method="get">
    <div class="input-group">
<input type="text" class="form-control" value="{{request()->get('search')}}" name="search" placeholder="Search this category">
<div class="input-group-append">
<button class="btn btn-secondary" type="submit">
<i class="fa fa-search"></i>
</button>
</div>
</div>
</form>
</div> 
</div>
    <table class="table"> <thead>
        <tr>
        <th scope="col">#</th>
        <th scope="col">Category Title</th>
        <th scope="col">Action</th>
        </tr>
        </thead>
        <tbody>
        @foreach($categories as $category)
        <tr>
            <th scope="row">{{$loop->iteration+(($categories->currentPage()-1)*15)}}</th>
            <td>{{$category->term->name}}</td>
            <td><a href="{{route('categories.edit',$category->term_taxonomy_id)}}" class="btn btn-primary" >Edit</a> <a target="_blank" class="btn btn-info" href="https://scoopcoupons.com/category/{{$category->term->slug}}">Go</a> <a  class="btn btn-danger"  onclick="return confirm('Are you sure?')" href="delete?type=category&id={{$category->term->term_id}}">Delete</a></td>
            <!-- <td>@mdo</td> -->
        </tr>
        @endforeach
        </tbody>
        </table>
        <div class="d-flex justify-content-center">

                    {!! $categories->withQueryString()->links('pagination::bootstrap-4') !!}
</div>
    </div>
</div>
</div>
</div>
</div>
@endsection