@extends('layouts.app')

@section('title', 'Komputer & Sewa')

@section('body')
<div class="shell">
    @include('partials.sidebar', ['active' => 'computers'])
    <main class="main">
        @include('partials.topbar', ['heading' => 'Komputer & sesi sewa'])
        <div class="content">
            <div class="page-head"><div><h2>Komputer &amp; sewa</h2><p>Kelola unit komputer dan pantau sesi yang berjalan.</p></div><span class="badge badge-gray">{{ $computers->count() }} unit</span></div>
            @include('partials.flash')
            @if ($editComputer)
            <section class="card" style="margin-bottom:18px">
                <h3 class="card-title">Ubah komputer <small>{{ $editComputer->code }}</small></h3>
                <form method="post" action="{{ route('computers.update', $editComputer) }}">@csrf @method('PUT')
                    <div class="form-grid"><div class="field"><label>Kode komputer</label><input name="code" value="{{ old('code', $editComputer->code) }}" required></div><div class="field"><label>Nama komputer</label><input name="name" value="{{ old('name', $editComputer->name) }}" required></div></div>
                    <div class="form-actions"><button class="btn" type="submit">Simpan perubahan</button><a class="btn btn-outline" href="{{ route('computers.index') }}">Batal</a></div>
                </form>
            </section>
            @else
            <section class="card" style="margin-bottom:18px">
                <h3 class="card-title">Tambah komputer</h3>
                <form method="post" action="{{ route('computers.store') }}">@csrf
                    <div class="form-grid"><div class="field"><label>Kode komputer</label><input name="code" value="{{ old('code') }}" required placeholder="Contoh: PC-01"></div><div class="field"><label>Nama komputer</label><input name="name" value="{{ old('name') }}" required placeholder="Contoh: Komputer 01"></div></div>
                    <div class="form-actions"><button class="btn" type="submit">＋ Tambahkan komputer</button></div>
                </form>
            </section>
            @endif
            @if ($rates->isEmpty())<div class="alert alert-error">Belum ada tarif aktif. Tambahkan tarif sebelum memulai sesi sewa.</div>@endif
            <div class="grid computer-grid">
                @forelse ($computers as $computer)
                    @php($rental = $computer->rentals->first())
                    <section class="card computer-card">
                        <div class="computer-top"><div><div class="computer-code">{{ $computer->code }}</div><div class="computer-name">{{ $computer->name }}</div></div>
                            <span class="badge {{ $rental ? 'badge-red' : 'badge-green' }}">{{ $rental ? 'Digunakan' : 'Tersedia' }}</span></div>
                        @if ($rental)
                            <div class="computer-price">Pelanggan: <strong>{{ $rental->customer_name ?: 'Pelanggan umum' }}</strong><br>Tarif: {{ $rental->rate->name }} · Rp {{ number_format($rental->hourly_rate, 0, ',', '.') }}/jam<br>Mulai: {{ $rental->started_at->format('d/m/Y H:i') }}</div>
                            <form method="post" action="{{ route('rentals.finish', $rental) }}" onsubmit="return confirm('Akhiri sesi dan catat tagihan sewa?')">@csrf<button class="btn btn-sm btn-danger" type="submit">Akhiri sesi &amp; tagih</button></form>
                        @else
                            <div class="computer-price">Unit siap digunakan.</div>
                            @if ($rates->isNotEmpty())
                            <form method="post" action="{{ route('rentals.store') }}">@csrf<input type="hidden" name="computer_id" value="{{ $computer->id }}">
                                <div class="field"><label>Nama pelanggan <span class="muted">(opsional)</span></label><input name="customer_name" maxlength="120" placeholder="Nama pelanggan"></div>
                                <div class="field"><label>Pilih tarif</label><select name="rate_id" required>@foreach ($rates as $rate)<option value="{{ $rate->id }}">{{ $rate->name }} · Rp {{ number_format($rate->hourly_rate, 0, ',', '.') }}/jam</option>@endforeach</select></div>
                                <div class="form-actions"><button class="btn btn-sm btn-green" type="submit">▶ Mulai sesi</button></div>
                            </form>
                            @endif
                        @endif
                        <div class="form-actions" style="border-top:1px solid var(--line);padding-top:11px;margin-top:13px">
                            <a class="btn btn-sm btn-outline" href="{{ route('computers.index', ['edit' => $computer->id]) }}">Ubah</a>
                            @if (!$rental)<form class="inline-form" method="post" action="{{ route('computers.destroy', $computer) }}" onsubmit="return confirm('Hapus komputer ini?')">@csrf @method('DELETE')<button class="btn btn-sm btn-danger" type="submit">Hapus</button></form>@endif
                        </div>
                    </section>
                @empty
                    <section class="card empty" style="grid-column:1/-1"><strong>Belum ada komputer</strong>Tambahkan unit pertama menggunakan formulir di atas.</section>
                @endforelse
            </div>
        </div>
    </main>
</div>
@endsection