@extends('dashboard.layouts.main')
@section('content')
<table class="table table-sm">
    <thead class="table-dark">
      <tr>
        <th scope="col">Title</th>
        <th scope="col">Action</th>
      </tr>
    </thead>
    <tbody>
        @foreach ($articles as $article)
        <tr>
        <td>{{ $article->title}}</td>
        <td>
            <div class="d-flex gap-2">
                <a href="/article/edit/{{ $article->id }}">
                    <button class="btn btn-sm btn-primary">
                        <ion-icon name="create-outline"></ion-icon>
                    </button>
                </a>
                <form action="/article/delete/{{ $article->id }}" method="post" onsubmit="return confirm('Are you sure you want to delete this misi?');" 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="/article/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