@extends('layouts.dashboard')

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

@section('content')
<div class="rounded-lg bg-white p-5 shadow-sm">
    <form method="POST" action="{{ route('owner.admins.store') }}" class="grid gap-3 md:grid-cols-5">
        @csrf
        <input name="name" placeholder="Nama" class="rounded-lg border border-slate-300 px-3 py-2" required>
        <input name="email" type="email" placeholder="Email" class="rounded-lg border border-slate-300 px-3 py-2" required>
        <input name="phone" placeholder="HP" class="rounded-lg border border-slate-300 px-3 py-2">
        <input name="password" type="password" placeholder="Password" class="rounded-lg border border-slate-300 px-3 py-2" required>
        <button class="rounded-lg bg-sky-700 px-4 py-2 font-bold text-white">Tambah</button>
    </form>
</div>
<div class="mt-6 overflow-x-auto rounded-lg bg-white shadow-sm">
    <table class="w-full text-left text-sm"><thead class="bg-slate-50 text-slate-500"><tr><th class="p-3">Nama</th><th>Email</th><th>Status</th><th>Ubah Status</th></tr></thead><tbody>
    @foreach($admins as $admin)
        <tr class="border-t"><td class="p-3">{{ $admin->name }}</td><td>{{ $admin->email }}</td><td><x-status-badge :status="$admin->status" /></td><td><form method="POST" action="{{ route('owner.admins.update', $admin) }}" class="flex gap-2">@csrf @method('PATCH')<select name="status" class="rounded border px-2 py-1"><option value="active" @selected($admin->status==='active')>active</option><option value="inactive" @selected($admin->status==='inactive')>inactive</option></select><button class="rounded bg-slate-900 px-3 py-1 text-xs font-bold text-white">Simpan</button></form></td></tr>
    @endforeach
    </tbody></table>
</div>
<div class="mt-4">{{ $admins->links() }}</div>
@endsection