@extends('layouts.admin')
@section('title', $package->exists ? 'Edit Paket' : 'Paket Baru')
@section('page-title', $package->exists ? 'Edit Paket' : 'Tambah Paket')

@section('content')
<div class="mx-auto max-w-lg">
<form method="POST" action="{{ $package->exists ? route('admin.packages.update', $package) : route('admin.packages.store') }}" class="card space-y-4 p-6">
    @csrf @if($package->exists) @method('PUT') @endif

    <div><label class="label">Nama Paket</label><input name="name" value="{{ old('name', $package->name) }}" required class="field"></div>
    <div><label class="label">Deskripsi</label><textarea name="description" rows="2" class="field">{{ old('description', $package->description) }}</textarea></div>
    <div class="grid grid-cols-2 gap-3">
        <div><label class="label">Harga (Rp)</label><input type="number" name="price" value="{{ old('price', $package->price ?? 0) }}" required class="field"></div>
        <div><label class="label">Durasi (hari)</label><input type="number" name="duration_days" value="{{ old('duration_days', $package->duration_days ?? 30) }}" required class="field"></div>
    </div>
    <div><label class="label">Benefit (satu per baris)</label>
        <textarea name="benefits" rows="4" class="field">{{ old('benefits', is_array($package->benefits) ? implode("\n", $package->benefits) : '') }}</textarea>
    </div>
    <div class="grid grid-cols-2 gap-3">
        <div><label class="label">Urutan</label><input type="number" name="sort_order" value="{{ old('sort_order', $package->sort_order ?? 0) }}" class="field"></div>
        <label class="mt-7 flex items-center gap-2 text-sm"><input type="checkbox" name="is_active" value="1" @checked(old('is_active',$package->is_active ?? true)) class="rounded bg-qr-surface2 border-qr-border text-qr-accent"> Aktif</label>
    </div>

    <div class="flex gap-2 pt-2"><button class="btn-accent flex-1">Simpan</button><a href="{{ route('admin.packages.index') }}" class="btn-outline">Batal</a></div>
</form>
</div>
@endsection