@extends('layout.app')
@section('title', 'Asset History - ' . $asset->asset_no)

@section('content')
    <div class="app-hero-header d-flex align-items-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="javascript:void(0);">Vehicle Maintenance</a>
            </li>
            <li class="breadcrumb-item">
                <a href="{{ route('tyre-master.index') }}">Asset Inventory</a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">Asset History</li>
        </ol>
        <div class="ms-auto d-lg-flex flex-row">
            <div class="d-flex flex-row gap-1">
                <a href="{{ route('tyre-master.index') }}" class="btn btn-sm btn-outline-primary">
                    <i class="ri-skip-back-line"></i> Back
                </a>
            </div>
        </div>
    </div>

    <div class="app-body">
        <div class="row gx-3">
            {{-- Asset Overview Card --}}
            <div class="col-md-4">
                <div class="card mb-3">
                    <div class="card-header bg-light border-bottom">
                        <h6 class="card-title mb-0">Asset Overview</h6>
                    </div>
                    <div class="card-body">
                        <table class="table table-sm no-border mb-0">
                            <tr>
                                <th width="140">Serial Number:</th>
                                <td><span class="badge bg-primary fs-6">{{ $asset->asset_no }}</span></td>
                            </tr>
                            <tr>
                                <th>Product:</th>
                                <td>{{ $asset->product->product_name }}</td>
                            </tr>
                            <tr>
                                <th>Brand:</th>
                                <td>{{ $asset->brand->name ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Purchase Rate:</th>
                                <td>{{ number_format($asset->purchase_rate, 2) }}</td>
                            </tr>
                            <tr>
                                <th>Current Status:</th>
                                <td>
                                    @php
                                        $statusMapping = [
                                            'in_stock' => ['label' => 'In Stock', 'class' => 'bg-success'],
                                            'fitted' => ['label' => 'Fitted', 'class' => 'bg-info'],
                                            'retreading' => ['label' => 'Retreading', 'class' => 'bg-warning'],
                                            'scrapped' => ['label' => 'Scrapped', 'class' => 'bg-danger'],
                                            'lost' => ['label' => 'Lost', 'class' => 'bg-dark'],
                                        ];
                                        $currStatus = $statusMapping[$asset->status] ?? ['label' => $asset->status, 'class' => 'bg-secondary'];
                                    @endphp
                                    <span class="badge {{ $currStatus['class'] }}">{{ $currStatus['label'] }}</span>
                                </td>
                            </tr>
                            <tr>
                                <th>Total Lifecycle KM:</th>
                                <td class="fw-bold text-primary">{{ number_format($asset->total_lifecycle_km) }} KM</td>
                            </tr>
                        </table>
                    </div>
                </div>

                {{-- Repair History Card --}}
                <div class="card">
                    <div class="card-header bg-light border-bottom">
                        <h6 class="card-title mb-0">Repair & Retreading History</h6>
                    </div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-sm m-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>Date</th>
                                        <th>Type</th>
                                        <th>Cost</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($asset->repairs as $repair)
                                        <tr>
                                            <td class="font-size-12">{{ date('d-M-Y', strtotime($repair->date)) }}</td>
                                            <td>{{ $repair->repair_type }}</td>
                                            <td class="text-end fw-bold">{{ number_format($repair->cost, 2) }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="3" class="text-center py-2 text-muted">No repairs recorded.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Fitment History Card --}}
            <div class="col-md-8">
                <div class="card shadow-none border">
                    <div class="card-header bg-light border-bottom d-flex align-items-center">
                        <h6 class="card-title mb-0">Fitment & Usage History</h6>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-sm table-hover table-bordered align-middle">
                                <thead class="table-light">
                                    <tr>
                                        <th>Vehicle</th>
                                        <th>Position</th>
                                        <th>In Date</th>
                                        <th>In KM</th>
                                        <th>Out KM</th>
                                        <th>Life KM</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($asset->fitments as $fit)
                                        <tr>
                                            <td><span class="fw-bold">{{ $fit->vehicle->vehicle_no ?? 'N/A' }}</span></td>
                                            <td>{{ $fit->position->name ?? 'N/A' }}</td>
                                            <td>{{ date('d-M-Y', strtotime($fit->fitment_date)) }}</td>
                                            <td>{{ number_format($fit->current_km) }}</td>
                                            <td>{{ $fit->old_km ? number_format($fit->old_km) : '-' }}</td>
                                            <td>
                                                @if($fit->km_life)
                                                    <span class="fw-bold text-success">{{ number_format($fit->km_life) }} KM</span>
                                                @elseif($fit->status == 'fitted')
                                                    <span class="text-info small">Ongoing</span>
                                                @else
                                                    -
                                                @endif
                                            </td>
                                            <td>
                                                @if($fit->status == 'fitted')
                                                    <span class="badge bg-soft-info text-info">Active</span>
                                                @else
                                                    <span class="badge bg-soft-secondary text-secondary">Removed</span>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="7" class="text-center py-4">
                                                <i class="ri-information-line fs-4 text-muted d-block mb-1"></i>
                                                No fitment history found for this asset.
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection