@extends('AdminMaster.authMaster')

@section('content')
    <div class="container mt-5">
        <div class="card p-3 card-custom">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <h4 class="mb-0">All Tags</h4>
                <a href="{{ route('tags.create') }}" class="card-header  text-white" style="background: #e5623b">
                    <i class="fas fa-plus-circle"></i> Add New Tag
                </a>
            </div>

            <div class="table-responsive custom-table">
                <table class="table table-bordered">
                    <thead style="background-color: #f7f7f7;">
                        <tr>
                            <th>Sl No.</th>
                            <th>Tag Name</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($tags as $index => $tag)
                            <tr>
                                <td>{{ $tags->firstItem() + $index }}</td>
                                <td>
                                    <span class="badge bg-warning text-dark">{{ $tag->tags_name }}</span>
                                </td>
                                <td>
                                    <a href="{{ route('tags.edit', $tag->id) }}" class="text-primary me-2">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                    <form action="{{ route('tags.destroy', $tag->id) }}" method="POST" style="display:inline;">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-link p-0 text-danger" onclick="return confirm('Are you sure you want to delete this tag?')">
                                            <i class="fas fa-trash-alt"></i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="3">No tags available</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <div class="d-flex justify-content-end">
                {{ $tags->links('pagination::bootstrap-5') }}
            </div>
        </div>
    </div>

        <!-- SweetAlert2 JS -->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <script>
        document.addEventListener("DOMContentLoaded", function () {
            @if(session('success'))
                Swal.fire({
                    icon: 'success',
                    title: 'Success!',
                    text: '{{ session('success') }}',
                    confirmButtonColor: '#3085d6',
                    confirmButtonText: 'OK'
                });
            @endif
        });
    </script>
@endsection