@extends('admin.layouts.app')

@section('content')
    <div class="azp-page">

        <div class="azp-page-header">
            <div class="azp-page-title-wrap">
                <div class="azp-page-title">Categorias</div>
                <div class="azp-page-subtitle">
                    Gestão das categorias da loja online.
                </div>
            </div>

            <div style="display:flex;align-items:center;gap:10px;">
                <span class="azp-badge-pill">
                    <span style="width:6px;height:6px;border-radius:50%;background:#999;"></span>
                    {{ $categories->total() }} categorias
                </span>
                <a href="{{ route('admin.categories.create') }}" class="btn primary">
                    Nova categoria
                </a>
            </div>
        </div>

        @if(session('success'))
            <div class="flash success">
                {{ session('success') }}
            </div>
        @endif

        <div class="azp-card">
            @if($categories->count())
                <div class="azp-table-wrap">
                    <table class="azp-table">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>Nome</th>
                            <th>Slug</th>
                            <th style="width:140px;">Ações</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($categories as $category)
                            <tr>
                                <td data-label="ID">{{ $category->id }}</td>
                                <td data-label="Nome" class="azp-table-primary">
                                    <a href="{{ route('admin.categories.edit', $category) }}"
                                       style="color:inherit;text-decoration:none;">
                                        {{ $category->name }}
                                    </a>
                                </td>
                                <td data-label="Slug">{{ $category->slug }}</td>
                                <td data-label="Ações">
                                    <div class="azp-actions">
                                        <a href="{{ route('admin.categories.edit', $category) }}" class="btn xs outline">
                                            Editar
                                        </a>

                                        <form action="..." method="POST">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn xs danger">Apagar</button>
                                        </form>

                                    </div>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>

                @if($categories->hasPages())
                    <div style="margin-top: 10px;">
                        {{ $categories->links() }}
                    </div>
                @endif
            @else
                <p class="muted">Ainda não existem categorias.</p>
            @endif
        </div>
    </div>
@endsection