@extends('layout/admin/main')
@section('content')
<div class="container-fluid py-4">
    <div class="row">
        <div class="col-12">
            <div class="card mb-4">
                <div class="card-header pb-0">
                    <h6>Data {{ $title }}</h6>
                </div>
                <div class="px-4">
                    <a href="{{ route('createPengguna') }}" class="btn btn-sm btn-success">Tambah</a>
                </div>
                <div class="card-body px-0 pt-0 pb-2">
                    <div class="table-responsive p-0">
                        <table class="table align-items-center mb-0">
                            <thead>
                                <tr>
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Nama</th>
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">HP</th>
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">Status</th>
                                    <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">Aksi</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($params as $key => $value)
                                    <tr>
                                        <td>
                                            <div class="d-flex px-2 py-1">
                                                <div class="d-flex flex-column justify-content-center">
                                                    <h6 class="mb-0 text-sm">{{ $value->name; }}</h6>
                                                    <p class="text-xs text-secondary mb-0">{{ $value->email; }}</p>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <h6 class="mb-0 text-sm">{{ $value->no_telp; }}</h6>
                                        </td>
                                        <td>
                                            <span class="text-secondary text-xs font-weight-bold">{{ ($value->status == \App\Models\User::ACTIVE) ? 'Aktif' : 'Tidak Aktif'; }}</span>
                                        </td>
                                        <td>
                                            <a href="{{ route('showPengguna', ['id' => $value->id]) }}" class="rounded btn btn-info px-2 py-1" data-original-title="Edit user">
                                                <i class="fa-solid fa-info" style="font-size: 13px;"></i>
                                            </a>
                                            <a href="{{ route('editPengguna', ['id' => $value->id]) }}" class="rounded btn btn-success px-2 py-1">
                                                <i class="fa-solid fa-pencil" style="font-size: 13px;"></i>
                                            </a>
                                            <a href="{{ route('editPasswordPengguna', ['id' => $value->id]) }}" class="rounded btn btn-warning px-2 py-1">
                                                <i class="fa-solid fa-key" style="font-size: 13px;"></i>
                                            </a>
                                            <a href="{{ route('destroyPengguna', ['id' => $value->id]) }}" class="rounded btn btn-danger px-2 py-1" data-original-title="Hapus user">
                                                <i class="fa-solid fa-trash" style="font-size: 13px;"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                                @if (count($params) < 1)
                                    <tr>
                                        <td colspan="4" class="my-5 text-center text-secondary text-xs font-weight-bold">Data tidak ditumukan</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection