@extends('layouts.app')
@section('title', 'Detail Spare Part')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('spare-parts.index') }}">Spare Part</a></li>
    <li class="breadcrumb-item active">{{ $sparePart->code }}</li>
@endsection
@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
    <h4><i class="bi bi-box-seam me-2 text-primary"></i>{{ $sparePart->name }}</h4>
    <a href="{{ route('spare-parts.edit', $sparePart) }}" class="btn btn-warning btn-sm"><i class="bi bi-pencil me-1"></i>Edit</a>
</div>

<div class="row g-3">
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h6 class="card-title text-muted small">INFORMASI SPARE PART</h6>
                <table class="table table-sm table-borderless mb-0">
                    <tr><td class="text-muted small">Kode</td><td><strong>{{ $sparePart->code }}</strong></td></tr>
                    <tr><td class="text-muted small">Nama</td><td>{{ $sparePart->name }}</td></tr>
                    <tr><td class="text-muted small">Brand</td><td>{{ $sparePart->brand ?? '-' }}</td></tr>
                    <tr><td class="text-muted small">Satuan</td><td>{{ $sparePart->unit }}</td></tr>
                    <tr><td class="text-muted small">Harga Beli</td><td>Rp {{ number_format($sparePart->cost_price, 0, ',', '.') }}</td></tr>
                    <tr><td class="text-muted small">Harga Jual</td><td>Rp {{ number_format($sparePart->sell_price, 0, ',', '.') }}</td></tr>
                    <tr>
                        <td class="text-muted small">Stok</td>
                        <td>
                            <span class="fw-bold {{ $sparePart->is_low_stock ? 'text-danger' : 'text-success' }}">{{ $sparePart->stock }}</span>
                            {{ $sparePart->unit }}
                            @if($sparePart->is_low_stock)
                                <span class="badge bg-danger ms-1">Rendah</span>
                            @endif
                        </td>
                    </tr>
                    <tr><td class="text-muted small">Stok Min</td><td>{{ $sparePart->min_stock }} {{ $sparePart->unit }}</td></tr>
                </table>
                @if($sparePart->description)
                <hr>
                <p class="small text-muted mb-0">{{ $sparePart->description }}</p>
                @endif
            </div>
        </div>
    </div>
    <div class="col-md-8">
        <div class="card">
            <div class="card-header py-3">
                <h6 class="mb-0 fw-bold">Riwayat Penggunaan</h6>
            </div>
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr><th>No. Order</th><th>Pelanggan</th><th>Tanggal</th><th class="text-center">Qty</th><th class="text-end">Harga Satuan</th></tr>
                    </thead>
                    <tbody>
                        @forelse($sparePart->serviceParts as $sp)
                        <tr>
                            <td><a href="{{ route('service-orders.show', $sp->serviceOrder) }}" class="text-decoration-none fw-medium">{{ $sp->serviceOrder->order_number }}</a></td>
                            <td>{{ $sp->serviceOrder->customer->name }}</td>
                            <td class="small">{{ $sp->serviceOrder->received_date->format('d/m/Y') }}</td>
                            <td class="text-center">{{ $sp->quantity }} {{ $sparePart->unit }}</td>
                            <td class="text-end small">Rp {{ number_format($sp->unit_price, 0, ',', '.') }}</td>
                        </tr>
                        @empty
                        <tr><td colspan="5" class="text-center text-muted py-3">Belum pernah digunakan</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection