@extends('admin.layout.app')
@section('body')
<div class="card card-page p-3 shadow-sm">
    <div class="d-flex justify-content-between"><h4>{{ __('admin.categories') }}</h4><a href="{{ route('library.categories.create') }}" class="btn btn-primary">{{ __('admin.add_category_2') }}</a></div>
    <form method="GET" class="mb-3"><div class="input-group"><input name="search" class="form-control" placeholder="{{ __('admin.search_by_name_3') }}" value="{{ request('search') }}"><button class="btn btn-primary">{{ __('admin.search') }}</button><a href="{{ route('library.categories.index') }}" class="btn btn-secondary">{{ __('admin.reset') }}</a></div></form>
    <div class="table-responsive"><table class="table table-bordered"><thead><tr><th>{{ __('admin.id') }}</th><th>{{ __('admin.name') }}</th><th>{{ __('admin.description') }}</th><th>{{ __('admin.books') }}</th><th>{{ __('admin.actions') }}</th></tr></thead>
    <tbody>@forelse($categories as $c)
    <tr><td>{{ $c->id }}</td><td>{{ $c->name }}</td><td>{{ Str::limit($c->description, 80) }}</td><td>{{ $c->books->count() }}</td>
    <td><a href="{{ route('library.categories.show', $c->id) }}" class="btn btn-sm btn-info"><i class="fas fa-eye"></i></a>
        <a href="{{ route('library.categories.edit', $c->id) }}" class="btn btn-sm btn-primary"><i class="fas fa-edit"></i></a>
        <form action="{{ route('library.categories.destroy', $c->id) }}" method="POST" class="d-inline" onsubmit="return confirm('{{ __('admin.delete_2') }}')">@csrf @method('DELETE')<button class="btn btn-sm btn-danger"><i class="fas fa-trash"></i></button></form></td></tr>
    @empty<tr><td colspan="5">{{ __('admin.no_categories_found') }}</td></tr>@endforelse</tbody></table></div>
    {{ $categories->links('pagination::bootstrap-4') }}
</div>
@endsection