@extends('layouts.admin')

@section('title', 'Kelola Admin')

@section('content')
    <section class="section">
        <div class="buttons pb-3">
            <a href="#" class="btn-add-custom" data-bs-toggle="modal" data-bs-target="#create">
                <i class="bi bi-plus fs-5"></i>
                Tambah Admin
            </a>
        </div>
        <div class="card">
            <div class="card-body">
                <table class="table table-striped" id="table1">
                    <thead>
                        <tr>
                            <th>No.</th>
                            <th>Nama Lengkap</th>
                            <th>Nomor WA</th>
                            <th>Email</th>
                            <th>Peran</th>
                            <th class="text-center">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Graiden</td>
                            <td>076 4820 8838</td>
                            <td>Offenburg</td>
                            <td>Offenburg</td>
                            <td>
                                <span class="badge bg-success-subtle rounded-pill px-3 py-2">Selesai</span>
                            </td>
                            <td class="col-auto text-center">
                                <a href="#" class="btn icon btn-primary btn-action" data-bs-toggle="modal"
                                    data-bs-target="#show">
                                    <i class="bi bi-eye"></i>
                                </a>
                                <a href="#" class="btn icon btn-warning btn-action" data-bs-toggle="modal"
                                    data-bs-target="#edit">
                                    <i class="bi bi-pencil"></i>
                                </a>
                                <a href="#" class="btn icon btn-danger btn-action" data-bs-toggle="modal"
                                    data-bs-target="#delete">
                                    <i class="bi bi-trash"></i>
                                </a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </section>
    @include('admin.kelola-admin.partials.modal-create')
    @include('admin.kelola-admin.partials.modal-show')
    @include('admin.kelola-admin.partials.modal-edit')
    @include('admin.kelola-admin.partials.modal-delete')
@endsection