@extends('dashboard.layouts.main')
@section('content')
<table class="table table-sm">
    <thead class="table-dark">
      <tr>
        <th scope="col">Question</th>
        <th scope="col">Answer</th>
        <th scope="col">Action</th>
      </tr>
    </thead>
    <tbody>
        @foreach ($faqs as $faq)
        <tr>
        <td>{{ $faq->question}}</td>
        <td>{{ $faq->answer}}</td>
        <td>
            <div class="d-flex gap-2">
                <a href="/faq/edit/{{ $faq->id }}">
                    <button class="btn btn-sm btn-primary">
                        <ion-icon name="create-outline"></ion-icon>
                    </button>
                </a>
                <form action="/faq/delete/{{ $faq->id }}" method="post" onsubmit="return confirm('Are you sure you want to delete this faq?');" style="display: inline;">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-sm btn-danger">
                        <ion-icon name="trash-outline"></ion-icon>
                    </button>
                </form>
            </div>
        </td>
      </tr>
        @endforeach
    </tbody>
  </table>
  <a href="/faq/create">
    <div  class="flex bg-[#26335D] rounded-2xl w-36 h-10 text-white mt-4 cursor-pointer items-center justify-center gap-3">
        <p>Add</p>
        <img src="{{ asset('/img/icon_plus.png') }}" alt="Icon Plus" class="h-5">
    </div>
</a>
  
@endsection