@extends('layouts.app')

@section('title', 'Riwayat Sewa')
@section('page-title', 'Riwayat <span>Sewa</span>')

@section('sidebar-menu')
    <div class="menu-label">Menu Saya</div>
    <a href="{{ route('penyewa.dashboard') }}" class="menu-item">
        <i class="fa-solid fa-car"></i> Cari & Sewa Mobil
    </a>
    <a href="{{ route('penyewa.riwayat') }}" class="menu-item active">
        <i class="fa-solid fa-clock-rotate-left"></i> Riwayat Sewa
    </a>
    <div class="menu-label" style="margin-top:10px;">Akun</div>
    <a href="{{ route('profil') }}" class="menu-item">
        <i class="fa-solid fa-circle-user"></i> Profil Saya
    </a>
@endsection

@section('content')
<div class="page-header">
    <div>
        <div class="page-header-title">Riwayat Penyewaan Saya</div>
        <div class="page-header-sub">{{ $riwayat->count() }} transaksi</div>
    </div>
</div>

@if($riwayat->isEmpty())
    <div class="card">
        <div class="empty-state">
            <i class="fa-solid fa-clock-rotate-left"></i>
            <p>Anda belum pernah melakukan penyewaan.</p>
        </div>
    </div>
@else
<div style="display:flex;flex-direction:column;gap:16px;">
    @foreach($riwayat as $p)
    @php
        $mulai = $p->tanggal_sewa;
        $rencana = $p->tanggal_kembali_rencana;
        $akhir = $p->tanggal_kembali_aktual ?? $rencana;
        $hari = $mulai && $akhir ? max(1, $mulai->diffInDays($akhir)) : 1;
        $total = $hari * ($p->jumlah_sewa ?? 1) * ($p->mobil->harga_sewa ?? 0);
        $sisaUnit = max(0, (int) ($p->jumlah_sewa ?? 0) - (int) ($p->jumlah_kembali ?? 0));
        $masihAktif = $sisaUnit > 0 && in_array($p->status, ['aktif', 'terlambat'], true);
        $overdue = $masihAktif && $rencana && now()->startOfDay()->gt($rencana);
    @endphp
    <div class="card" style="border-radius:14px;">
        <div style="padding:20px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;">
            <div style="width:56px;height:56px;border-radius:14px;background:rgba(245,166,35,.12);
                        display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold-dark);flex-shrink:0;">
                <i class="fa-solid fa-car-side"></i>
            </div>
            <div style="flex:1;min-width:160px;">
                <div style="font-size:16px;font-weight:800;color:var(--navy);">{{ $p->mobil->nama_mobil ?? 'Mobil Dihapus' }}</div>
                <div style="font-size:12px;color:var(--gray-500);margin-top:3px;">
                    <i class="fa-solid fa-calendar-days"></i>
                    {{ optional($mulai)->format('d M Y') }} -> {{ optional($rencana)->format('d M Y') }}
                    &nbsp;·&nbsp; {{ $hari }} hari
                </div>
                <div style="font-size:11px;color:var(--gray-500);margin-top:4px;">
                    Dipinjam: {{ $p->jumlah_sewa }} unit · Sudah kembali: {{ $p->jumlah_kembali ?? 0 }} unit · Sisa: {{ $sisaUnit }} unit
                </div>
                @if($overdue)
                <div style="font-size:11px;color:var(--danger);font-weight:700;margin-top:4px;">
                    <i class="fa-solid fa-triangle-exclamation"></i>
                    Lewat jadwal, segera lakukan pengembalian.
                </div>
                @endif
            </div>
            @if(($p->denda ?? 0) > 0)
            <div style="text-align:right;">
                <div style="font-size:11px;color:var(--danger);font-weight:700;">DENDA</div>
                <div style="font-size:14px;color:var(--danger);font-weight:800;">Rp {{ number_format($p->denda, 0, ',', '.') }}</div>
            </div>
            @endif
            <div style="text-align:right;">
                <div style="font-size:11px;color:var(--gray-500);font-weight:700;">TOTAL BIAYA</div>
                <div style="font-size:18px;color:var(--navy);font-weight:800;">Rp {{ number_format($total, 0, ',', '.') }}</div>
            </div>
            <div style="display:flex;flex-direction:column;align-items:flex-end;gap:10px;">
                @if($p->status === 'aktif')
                    <span class="badge badge-info" style="font-size:12px;">Aktif</span>
                @elseif($p->status === 'selesai')
                    <span class="badge badge-success" style="font-size:12px;">Selesai</span>
                @elseif($p->status === 'terlambat' || $overdue)
                    <span class="badge badge-danger" style="font-size:12px;">Terlambat</span>
                @else
                    <span class="badge badge-warning" style="font-size:12px;">{{ ucfirst($p->status) }}</span>
                @endif

                @if($masihAktif)
                <a href="{{ route('penyewa.kembali', $p->id_sewa) }}" class="btn btn-primary btn-sm">
                    <i class="fa-solid fa-rotate-left"></i> Kembalikan
                </a>
                @endif
            </div>
        </div>
    </div>
    @endforeach
</div>
@endif
@endsection