@extends('admin.layouts.main')
@section('title', 'Product Groups')
@section('menu', 'Product Groups')

@section('content')
<div class="panel panel-primary">
    <div class="panel-body table-responsive">
        <div class="text-right margin-bottom-10">
            <a type="button" class="btn btn-warning" href="{{ route('admin.product-groups.create') }}"><i class="fa fa-plus-square"></i> Add Group</a>
        </div>
        <table class="table table-bordered table-hover">
            <thead>
                <tr><th>Order</th><th>Name</th><th>Slug</th><th>Products</th><th>Visible</th><th>Actions</th></tr>
            </thead>
            <tbody>
                @forelse($groups as $group)
                <tr>
                    <td>{{ $group->display_order }}</td>
                    <td>{{ $group->name }}</td>
                    <td><code>{{ $group->slug }}</code></td>
                    <td>{{ $group->products_count }}</td>
                    <td><span class="label label-sm label-{{ $group->is_visible ? 'success' : 'secondary' }}">{{ $group->is_visible ? 'Yes' : 'No' }}</span></td>
                    <td>
                        <a href="{{ route('admin.product-groups.edit', $group) }}" class="btn btn-sm green"><i class="fa fa-edit"></i></a>
                        <form action="{{ route('admin.product-groups.destroy', $group) }}" method="POST" class="d-inline" onsubmit="return confirm('Delete this group?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm red"><i class="fa fa-trash"></i></button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center font-grey-mint">No product groups yet</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($groups->hasPages())<div class="panel-footer">{{ $groups->links() }}</div>@endif
</div>
@endsection