@extends('layout.layout')

@section('content')
<div class="container py-4">
    <div class="card shadow-sm mb-4">
        <div class="card-header bg-primary text-white fw-bold">
            Asset Details
        </div>
        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-6">
                    <p><strong>Name:</strong> {{ $asset->name }}</p>
                    <p>
                        <strong>Vendor:</strong>
                        @foreach(explode(',', $asset->vendor) as $vendor)
                        <span class="badge bg-primary me-1 mb-1">
                            {{ trim($vendor) }}
                        </span>
                        @endforeach
                    </p>

                    <p>
                        <strong>Product:</strong>
                        @foreach(explode(',', $asset->product) as $product)
                        <span class="badge bg-success me-1 mb-1">
                            {{ trim($product) }}
                        </span>
                        @endforeach
                    </p>
                    <p><strong>Model:</strong> {{ $asset->model }}</p>
                    <p><strong>Serial Number:</strong> {{ $asset->serial_number }}</p>
                    <p><strong>Manufacturer:</strong> {{ $asset->manufacturer ?? '—' }}</p>
                    <p><strong>Barcode:</strong> {{ $asset->barcode ?? '—' }}</p>
                </div>

                <div class="col-md-6">
                    <p><strong>Purchase Cost:</strong> {{ number_format($asset->purchase_cost, 2) }} EGP</p>
                    <p><strong>Acquisition Date:</strong> {{ \Carbon\Carbon::parse($asset->acquisition_date)->format('d M, Y') }}</p>
                    <p><strong>Warranty Expiry:</strong> {{ $asset->warranty_expiry_date ? \Carbon\Carbon::parse($asset->warranty_expiry_date)->format('d M, Y') : '—' }}</p>
                    <p><strong>Currently In Use:</strong>
                        @if ($asset->is_currently_in_use)
                        <span class="badge bg-success">Yes</span>
                        @else
                        <span class="badge bg-secondary">No</span>
                        @endif
                    </p>
                    <p><strong>Department:</strong> {{ $asset->department->name ?? '—' }}</p>
                    <p><strong>Assigned User:</strong> {{ $asset->user->full_name ?? '' }}</p>
                    <p><strong>Site:</strong> {{ $asset->site ?? '—' }}</p>
                </div>
            </div>
        </div>
    </div>

    {{-- SPECS --}}
    <div class="card shadow-sm mb-4">
        <div class="card-header bg-info text-white fw-bold">
            Specs & Hardware
        </div>
        <div class="card-body">
            <p><strong>Processor:</strong> {{ $asset->processor ?? '—' }}</p>
            <p><strong>RAM:</strong> {{ $asset->ram ? $asset->ram . ' GB' : '—' }}</p>
            <p><strong>Hard Disk:</strong> {{ $asset->hard_disk ? $asset->hard_disk  : '—' }}</p>
        </div>
    </div>

    {{-- ACCESSORIES --}}
    <div class="card shadow-sm mb-4">
        <div class="card-header bg-success text-white fw-bold">
            Accessories
        </div>
        <div class="card-body">
            <div class="row g-3">
                @foreach ($accessories as $key => $label)
                <div class="col-md-3">
                    <div class="p-3 border rounded text-center {{ $asset->$key ? 'bg-light border-primary' : 'bg-white text-muted' }}">
                        <strong>{{ $label }}</strong>
                        <div>
                            @if ($asset->$key)
                            <i class="fas fa-check-circle text-success"></i>
                            @else
                            <i class="fas fa-times-circle text-danger"></i>
                            @endif
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>

    <div class="text-end">
        <a href="{{ route('asset.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left"></i> Back to List
        </a>
        <a href="{{ route('asset.create') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i> Add New Asset
        </a>
    </div>
</div>
@endsection