@extends('adminlte::page')

@section('title', 'FAQs')

@section('content_header')
    <h1>FAQs</h1>
@endsection

@section('content')
    <a href="{{ route('faqs.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> Add FAQ</a>
    <table class="table mt-3">
        <thead>
            <tr>
                <th>#</th>
                <th>Question</th>
                <th>Answer</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($faqs as $faq)
            <tr>
                <td>{{ $faq->id }}</td>
                <td>{{ $faq->question }}</td>
                <td>{{ $faq->answer }}</td>
                <td>
                    <a href="{{ route('faqs.edit', $faq->id) }}" class="btn btn-warning btn-sm"><i class="fas fa-save"></i> Edit</a>
                    <form action="{{ route('faqs.destroy', $faq->id) }}" method="POST" class="d-inline" onsubmit="return confirmDelete()">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i> Delete</button>
                    </form>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>

    <!-- Pagination Links -->
    <div class="d-flex justify-content-center">
        <nav aria-label="Page navigation">
            <ul class="pagination">
                @if ($faqs->onFirstPage())
                    <li class="page-item disabled">
                        <span class="page-link">Previous</span>
                    </li>
                @else
                    <li class="page-item">
                        <a class="page-link" href="{{ $faqs->previousPageUrl() }}">Previous</a>
                    </li>
                @endif

                @foreach ($faqs->links()->elements[0] as $page => $url)
                    <li class="page-item {{ $faqs->currentPage() == $page ? 'active' : '' }}">
                        <a class="page-link" href="{{ $url }}">{{ $page }}</a>
                    </li>
                @endforeach

                @if ($faqs->hasMorePages())
                    <li class="page-item">
                        <a class="page-link" href="{{ $faqs->nextPageUrl() }}">Next</a>
                    </li>
                @else
                    <li class="page-item disabled">
                        <span class="page-link">Next</span>
                    </li>
                @endif
            </ul>
        </nav>
    </div>

@endsection

@section('adminlte_js')
    <script>
        function confirmDelete() {
            return confirm("Are you sure you want to delete this FAQ?");
        }
    </script>
@endsection