@extends('layouts.admin')

@section('content')

<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="add-item d-flex">
                <div class="page-title">
                    <h4>FAQs List</h4>
                    <h6>Manage your faqs</h6>
                </div>
            </div>
            
            <div class="page-btn" style="border-radius: 20px;">
                <a href="{{ route('faqs.create') }}" class="btn btn-added Primary">
                    <i data-feather="plus" class="me-2"></i>Add FAQ
                </a>
            </div>
        </div>
        @include('layouts.errors')
        
        <div class="card table-list-card">
            <div class="card-body">
                <div class="table-top">
                    <div class="search-set">
                        <div class="search-input">
                            <a href="javascript:void(0);" class="btn btn-searchset"><i data-feather="search" class="feather-search"></i></a>
                        </div>
                    </div>
                </div>
                
                <!-- /Filter -->
                <div class="table-responsive product-list">
                    <table class="table datanew">
                        <thead>
                            <tr>
                                <th class="no-sort">
                                    <label class="checkboxs">
                                        <input type="checkbox" id="select-all">
                                        <span class="checkmarks"></span>
                                    </label>
                                </th>
                                <th>Question</th>
                                <th class="no-sort">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if($faqs->count() > 0)
                            @foreach($faqs as $faq)
                            <tr>
                                <td>
                                    <label class="checkboxs">
                                        <input type="checkbox">
                                        <span class="checkmarks"></span>
                                    </label>
                                </td>
                                <td>{{ $faq->question }}</td>
                                
                                <td class="action-table-data">
                                    <div class="edit-delete-action">
                                        <a class="me-2 edit-icon  p-2" href="{{ route('faqs.show', $faq->id) }}">
                                            <i data-feather="eye" class="feather-eye"></i>
                                        </a>
                                        <a class="me-2 p-2" href="{{ route('faqs.edit', $faq->id) }}" >
                                            <i data-feather="edit" class="feather-edit"></i>
                                        </a> 

                                        <form action="{{ route('faqs.destroy', $faq->id) }}" method="POST" class="deleteBtnForm">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="deleteBtn"
                                            onclick="return confirm('Are you sure you want to delete this faq?');">
                                            <i data-feather="trash-2" class="feather-trash-2" 
                                            style="width: 14px;height: 14px;"></i></button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection