@extends('adminlte::page')

@section('title', 'Show Asset')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1 class="font-weight-bold text-dark">Asset Details: <span class="text-primary">{{ $asset->asset_tag }}</span></h1>
        <div>
            <a class="btn btn-outline-secondary btn-sm shadow-sm" href="{{ route('assets.index') }}">
                <i class="fas fa-arrow-left mr-1"></i> Back to List
            </a>
            @can('edit assets')
                <a class="btn btn-warning btn-sm shadow-sm ml-2" href="{{ route('assets.edit', $asset->id) }}">
                    <i class="fas fa-edit mr-1"></i> Edit Asset
                </a>
            @endcan
        </div>
    </div>
@stop

@section('content')
    <div class="row justify-content-center">
        <div class="col-lg-12">
            <div class="card border-0 shadow-lg rounded-lg overflow-hidden">
                <div class="card-header bg-white border-bottom-0 p-4">
                    <div class="d-flex justify-content-between align-items-start">
                        <div>
                             <h3 class="font-weight-bold text-dark mb-1">{{ $asset->name }}</h3>
                             <p class="text-muted mb-0"><i class="fas fa-tag mr-1"></i> {{ $asset->asset_tag }}</p>
                        </div>
                        <div class="text-right">
                            <span class="d-block text-muted small text-uppercase font-weight-bold">Current Value</span>
                            <h3 class="text-success font-weight-bold mb-0">&#8358;{{ number_format($asset->current_value, 2) }}</h3>
                        </div>
                    </div>
                </div>
                
                <div class="card-body p-4 bg-light">
                     <div class="row">
                        <div class="col-md-8">
                             <!-- General Info -->
                            <div class="card shadow-sm border-0 mb-4">
                                <div class="card-header bg-white border-0">
                                    <h6 class="font-weight-bold text-primary mb-0"><i class="fas fa-info-circle mr-2"></i> General Information</h6>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Status</small>
                                            @php
                                                $statusColors = [
                                                    'active' => 'success',
                                                    'disposed' => 'danger',
                                                    'under_maintenance' => 'warning',
                                                    'transferred' => 'info',
                                                    'missing' => 'secondary',
                                                    'condemned' => 'dark'
                                                ];
                                                $statusColor = $statusColors[$asset->status] ?? 'secondary';
                                            @endphp
                                            <span class="badge badge-{{ $statusColor }} px-3 py-1 mt-1" style="font-size: 0.9rem;">
                                                {{ ucfirst(str_replace('_', ' ', $asset->status)) }}
                                            </span>
                                        </div>
                                         <div class="col-md-6 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Category</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->category->name ?? 'N/A' }}</span>
                                        </div>
                                         <div class="col-md-6 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Category Code</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->category_code ?? 'N/A' }}</span>
                                        </div>
                                         <div class="col-md-6 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Internal Serial No</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->serial_no ?? 'N/A' }}</span>
                                        </div>
                                         <div class="col-md-6 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Mfr Serial No</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->manufacturer_serial_no ?? 'N/A' }}</span>
                                        </div>
                                         <div class="col-md-6 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Model</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->model ?? 'N/A' }}</span>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Location</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->location->name ?? 'N/A' }}</span>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Department</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->department->name ?? 'N/A' }}</span>
                                        </div>
                                         <div class="col-md-6 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Vendor</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->vendor->name ?? 'N/A' }}</span>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Manufacturer</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->manufacturer ?? 'N/A' }}</span>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Year of Manufacture</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->year_of_manufacture ?? 'N/A' }}</span>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Quantity</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->quantity ?? 1 }}</span>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Ownership Sign</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->ownership_sign ?? 'N/A' }}</span>
                                        </div>
                                         <div class="col-md-12 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Improvement Notes</small>
                                            <p class="text-dark bg-light p-2 rounded mt-1">{{ $asset->improvement_notes ?: 'N/A' }}</p>
                                        </div>
                                         <div class="col-md-12 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Description</small>
                                            <p class="text-dark bg-light p-2 rounded mt-1">{{ $asset->description ?: 'No description provided.' }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Financial Info -->
                            <div class="card shadow-sm border-0 mb-4">
                                <div class="card-header bg-white border-0">
                                     <h6 class="font-weight-bold text-success mb-0"><i class="fas fa-dollar-sign mr-2"></i> Financial Details</h6>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-4 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Purchase Cost</small>
                                            <span class="h5 font-weight-bold text-dark">&#8358;{{ number_format($asset->purchase_cost, 2) }}</span>
                                        </div>
                                        <div class="col-md-4 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Current Value</small>
                                            <span class="h5 font-weight-bold text-success">&#8358;{{ number_format($asset->current_value, 2) }}</span>
                                        </div>
                                         <div class="col-md-4 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Salvage Value</small>
                                            <span class="font-weight-bold text-dark">&#8358;{{ number_format($asset->salvage_value, 2) }}</span>
                                        </div>
                                         <div class="col-md-4 mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Purchase Date</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->purchase_date ? $asset->purchase_date->format('M d, Y') : 'N/A' }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4">
                            <!-- Depreciation Info -->
                            <div class="card shadow-sm border-0 mb-4">
                                <div class="card-header bg-white border-0">
                                     <h6 class="font-weight-bold text-warning mb-0"><i class="fas fa-chart-line mr-2"></i> Depreciation</h6>
                                </div>
                                <div class="card-body">
                                    <div class="mb-3">
                                        <small class="text-muted text-uppercase font-weight-bold d-block">Is Depreciable?</small>
                                        <span class="font-weight-bold {{ $asset->is_depreciable ? 'text-success' : 'text-danger' }}">{{ $asset->is_depreciable ? 'Yes' : 'No' }}</span>
                                    </div>
                                    @if($asset->is_depreciable)
                                        <div class="mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Method</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->depreciationMethod->name ?? 'N/A' }}</span>
                                        </div>
                                        <div class="mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Frequency</small>
                                            <span class="font-weight-bold text-dark">{{ ucfirst(str_replace('_', '-', $asset->depreciation_frequency)) }}</span>
                                        </div>
                                         <div class="mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Useful Life</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->useful_life }} {{ $asset->depreciation_frequency == 'monthly' ? 'Months' : ($asset->depreciation_frequency == 'quarterly' ? 'Quarters' : ($asset->depreciation_frequency == 'bi_annually' ? 'Half-Years' : ($asset->depreciation_frequency == 'annually' ? 'Years' : 'Periods'))) }}</span>
                                        </div>
                                         <div class="mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Start Date</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->start_depreciation_date ? $asset->start_depreciation_date->format('M d, Y') : 'N/A' }}</span>
                                        </div>
                                        <div class="mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Last Run</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->last_depreciation_date ? $asset->last_depreciation_date->format('M d, Y') : 'Never' }}</span>
                                        </div>
                                        <div class="mb-3">
                                            <small class="text-muted text-uppercase font-weight-bold d-block">Next Run</small>
                                            <span class="font-weight-bold text-dark">{{ $asset->next_depreciation_date ? $asset->next_depreciation_date->format('M d, Y') : 'N/A' }}</span>
                                        </div>
                                    @endif
                                </div>
                            </div>
                            
                            <!-- System Info -->
                             <div class="card shadow-sm border-0">
                                <div class="card-header bg-white border-0">
                                     <h6 class="font-weight-bold text-secondary mb-0"><i class="fas fa-server mr-2"></i> System Info</h6>
                                </div>
                                <div class="card-body">
                                    <div class="mb-2">
                                        <small class="text-muted d-block">Created At</small>
                                        <span class="text-dark small">{{ $asset->created_at->format('M d, Y H:i A') }}</span>
                                    </div>
                                    <div class="mb-2">
                                        <small class="text-muted d-block">Last Updated</small>
                                        <span class="text-dark small">{{ $asset->updated_at->format('M d, Y H:i A') }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                     <div class="mt-4">
                        <h6 class="font-weight-bold text-dark mb-3">Activity Log</h6>
                         <div class="alert alert-light border shadow-sm">
                             <small class="text-muted"><i class="fas fa-info-circle mr-1"></i> No recent activity recorded.</small>
                         </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
    <style>
         .card { border-radius: 0.75rem; }
    </style>
@stop

@section('js')
@stop