@extends('layouts.app')

@section('title', 'Tarif Sewa')

@section('body')
<div class="shell">
    @include('partials.sidebar', ['active' => 'rates'])
    <main class="main">
        @include('partials.topbar', ['heading' => 'Pengaturan tarif'])
        <div class="content">
            <div class="page-head"><div><h2>Tarif sewa</h2><p>Atur harga per jam untuk setiap jenis layanan komputer.</p></div></div>
            @include('partials.flash')
            <div class="two-col">
                <section class="card">
                    <h3 class="card-title">{{ $editRate ? 'Ubah tarif' : 'Tambah tarif' }}</h3>
                    <form method="post" action="{{ $editRate ? route('rates.update', $editRate) : route('rates.store') }}">@csrf @if ($editRate) @method('PUT') @endif
                        <div class="form-grid"><div class="field"><label>Nama tarif</label><input name="name" value="{{ old('name', $editRate->name ?? '') }}" required placeholder="Contoh: Reguler"></div><div class="field"><label>Harga per jam (Rp)</label><input type="number" name="hourly_rate" min="1" value="{{ old('hourly_rate', $editRate->hourly_rate ?? '') }}" required placeholder="5000"></div></div>
                        @if ($editRate)<label class="remember" style="margin-top:13px"><input type="checkbox" name="is_active" value="1" @checked(old('is_active', $editRate->is_active))> Tarif aktif dan dapat dipilih saat menyewa</label>@endif
                        <div class="form-actions"><button class="btn" type="submit">{{ $editRate ? 'Simpan perubahan' : '＋ Tambahkan tarif' }}</button>@if ($editRate)<a class="btn btn-outline" href="{{ route('rates.index') }}">Batal</a>@endif</div>
                    </form>
                </section>
                <section class="card">
                    <h3 class="card-title">Daftar tarif <small>{{ $rates->count() }} tarif</small></h3>
                    @if ($rates->isEmpty())<div class="empty"><strong>Tarif belum tersedia</strong>Buat tarif untuk memulai sesi sewa.</div>
                    @else<div class="table-wrap"><table style="min-width:0"><thead><tr><th>Tarif</th><th>Harga/jam</th><th>Status</th><th>Aksi</th></tr></thead><tbody>
                    @foreach ($rates as $rate)<tr><td><strong>{{ $rate->name }}</strong></td><td>Rp {{ number_format($rate->hourly_rate, 0, ',', '.') }}</td><td><span class="badge {{ $rate->is_active ? 'badge-green' : 'badge-gray' }}">{{ $rate->is_active ? 'Aktif' : 'Nonaktif' }}</span></td><td><div style="display:flex;gap:6px"><a class="btn btn-sm btn-outline" href="{{ route('rates.index', ['edit' => $rate->id]) }}">Ubah</a><form method="post" action="{{ route('rates.destroy', $rate) }}" onsubmit="return confirm('Hapus tarif ini?')">@csrf @method('DELETE')<button class="btn btn-sm btn-danger" type="submit">Hapus</button></form></div></td></tr>@endforeach
                    </tbody></table></div>@endif
                </section>
            </div>
            <section class="card section-space"><strong>Perhitungan durasi</strong><p class="muted" style="margin:6px 0 0">Tagihan dihitung proporsional per menit berdasarkan tarif per jam. Durasi yang kurang dari satu menit dibulatkan menjadi satu menit.</p></section>
        </div>
    </main>
</div>
@endsection