@include('layouts.main')
<div class="container">
    <h2 style="text-align: center">Help Category</h2>
    <div style="padding-bottom:30px;">
        <a href="{{ route('help-category.create') }}" class="btn btn-primary" style="float: right;">Create Category</a>
    </div>
    <table>
        <thead>
        <tr>
            <th>Title (English)</th>
            <th>Icon</th>
            <th>Action</th>
        </tr>
        </thead>
        <tbody>
        @foreach($categories as $category)
            <tr>
                <td>{{ $category->title_en }}</td>
                <td>
                    @if ($category->icon)
                        <div>
                            <img src="{{ $category->icon }}" width="100">
                        </div>
                    @endif
                </td>
                <td>
                    <a href="{{ route('help-category.edit', $category) }}" class="btn btn-info">Edit</a>
                    <form action="{{ route('help-category.destroy', $category) }}" method="POST" style="display:inline">
                        @csrf @method('DELETE')
                        <button type="submit" class="btn btn-danger" onclick="return confirm('Are you sure to Delete?')">Delete</button>
                    </form>
                </td>
            </tr>
        @endforeach
        </tbody>
        {{ $categories->links() }}
    </table>
</div>