@extends('layouts.admin')
@section('title', 'Equipment Details')
@section('page-title', 'Equipment Details')
@section('page-subtitle', 'View equipment information')

@section('content')
<div class="space-y-6">
    <div class="card-royal p-6">
        <div class="flex justify-between items-start mb-6">
            <div>
                <h3 class="font-cinzel font-semibold text-xl text-[var(--text-primary)]">{{ $equipment->name }}</h3>
                <p class="text-sm text-[var(--text-secondary)]">{{ $equipment->category?->name ?? 'Uncategorized' }}</p>
            </div>
            <span class="px-3 py-1 rounded-full text-sm
                @if($equipment->status === 'available') bg-green-100 text-green-700
                @elseif($equipment->status === 'in_use') bg-blue-100 text-blue-700
                @elseif($equipment->status === 'maintenance') bg-yellow-100 text-yellow-700
                @else bg-gray-100 text-gray-700 @endif">
                {{ ucfirst(str_replace('_', ' ', $equipment->status)) }}
            </span>
        </div>
        
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            @if($equipment->serial_number)
            <div>
                <p class="text-sm text-[var(--text-secondary)]">Serial Number</p>
                <p class="font-medium text-[var(--text-primary)]">{{ $equipment->serial_number }}</p>
            </div>
            @endif
            
            @if($equipment->location)
            <div>
                <p class="text-sm text-[var(--text-secondary)]">Location</p>
                <p class="font-medium text-[var(--text-primary)]">{{ $equipment->location }}</p>
            </div>
            @endif
            
            @if($equipment->purchase_date)
            <div>
                <p class="text-sm text-[var(--text-secondary)]">Purchase Date</p>
                <p class="font-medium text-[var(--text-primary)]">{{ $equipment->purchase_date->format('M d, Y') }}</p>
            </div>
            @endif
            
            @if($equipment->purchase_price)
            <div>
                <p class="text-sm text-[var(--text-secondary)]">Purchase Price</p>
                <p class="font-medium text-gold-500">GH₵{{ number_format($equipment->purchase_price, 2) }}</p>
            </div>
            @endif
            
            @if($equipment->next_maintenance_date)
            <div>
                <p class="text-sm text-[var(--text-secondary)]">Next Maintenance</p>
                <p class="font-medium text-[var(--text-primary)]">{{ $equipment->next_maintenance_date->format('M d, Y') }}</p>
            </div>
            @endif
        </div>
        
        @if($equipment->notes)
        <div class="mt-6 pt-6 border-t border-[var(--border-color)]">
            <p class="text-sm text-[var(--text-secondary)]">Notes</p>
            <p class="text-[var(--text-primary)]">{{ $equipment->notes }}</p>
        </div>
        @endif
    </div>
    
    <div class="flex justify-between items-center">
        <a href="{{ route('admin.equipment.index') }}" class="text-[var(--text-secondary)] hover:text-[var(--text-primary)]">
            <i class="fas fa-arrow-left mr-2"></i> Back to List
        </a>
        <a href="{{ route('admin.equipment.edit', $equipment->id) }}" class="btn-royal px-4 py-2 rounded-lg text-white">
            <i class="fas fa-edit mr-2"></i> Edit
        </a>
    </div>
</div>
@endsection