@extends('layouts.app')
@section('title', $asset->name . ' - DOTS HR Pro')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">{{ $asset->name }}</h1>
        <p class="page-subtitle">{{ $asset->asset_code }} • {{ $asset->category_label }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('assets.edit', $asset) }}" class="btn btn-primary"><i class="fas fa-edit"></i> تعديل</a>
        <a href="{{ route('assets.index') }}" class="btn btn-ghost"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

@if($asset->is_warranty_expiring_soon)
<div style="background: var(--warning-light); border: 1px solid var(--warning); padding: 0.75rem 1rem; border-radius: var(--radius); margin-bottom: 1rem; color: var(--warning); font-weight: 600">
    <i class="fas fa-exclamation-triangle"></i> ضمان هذا الأصل ينتهي خلال 30 يوم ({{ $asset->warranty_expiry->format('Y/m/d') }})
</div>
@elseif($asset->is_warranty_expired)
<div style="background: var(--danger-light); border: 1px solid var(--danger); padding: 0.75rem 1rem; border-radius: var(--radius); margin-bottom: 1rem; color: var(--danger); font-weight: 600">
    <i class="fas fa-times-circle"></i> ضمان هذا الأصل منتهي ({{ $asset->warranty_expiry->format('Y/m/d') }})
</div>
@endif

<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem">
    <div class="card">
        <div class="card-header"><h3><i class="fas fa-info-circle"></i> بيانات الأصل</h3></div>
        <div class="card-body">
            <div class="detail-grid">
                <div class="detail-item"><label>الكود</label><span><code class="code-badge">{{ $asset->asset_code }}</code></span></div>
                <div class="detail-item"><label>الفئة</label><span>{{ $asset->category_label }}</span></div>
                <div class="detail-item"><label>العلامة التجارية</label><span>{{ $asset->brand ?? '—' }}</span></div>
                <div class="detail-item"><label>الموديل</label><span>{{ $asset->model ?? '—' }}</span></div>
                <div class="detail-item"><label>الرقم التسلسلي</label><span dir="ltr">{{ $asset->serial_number ?? '—' }}</span></div>
                <div class="detail-item"><label>موقع التخزين</label><span>{{ $asset->location ?? '—' }}</span></div>
                <div class="detail-item">
                    <label>الحالة</label>
                    <span>
                        @php
                            $statusClass = match($asset->status) {
                                'available' => 'status-active',
                                'assigned' => 'status-pending',
                                'maintenance' => 'status-expired',
                                'retired' => 'status-draft',
                                default => '',
                            };
                        @endphp
                        <span class="status-badge {{ $statusClass }}">{{ $asset->status_label }}</span>
                    </span>
                </div>
                <div class="detail-item"><label>الحالة الفنية</label><span>{{ $asset->condition_label }}</span></div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header"><h3><i class="fas fa-receipt"></i> بيانات مالية</h3></div>
        <div class="card-body">
            <div class="detail-grid">
                <div class="detail-item"><label>تاريخ الشراء</label><span>{{ $asset->purchase_date?->format('Y/m/d') ?? '—' }}</span></div>
                <div class="detail-item"><label>تكلفة الشراء</label><span>{{ $asset->purchase_cost ? number_format($asset->purchase_cost, 2) : '—' }}</span></div>
                <div class="detail-item"><label>انتهاء الضمان</label><span>{{ $asset->warranty_expiry?->format('Y/m/d') ?? '—' }}</span></div>
                <div class="detail-item"><label>عدد مرات التسليم</label><span>{{ $asset->assignments->count() }}</span></div>
            </div>
            @if($asset->notes)
            <div style="margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--border)">
                <label style="font-weight: 600; font-size: 0.85rem; color: var(--text-secondary)">ملاحظات</label>
                <p style="margin-top: 0.25rem">{{ $asset->notes }}</p>
            </div>
            @endif
        </div>
    </div>
</div>

@if($asset->status === 'assigned' && $asset->current_assignment)
<div class="card" style="margin-bottom: 1.5rem; border: 1px solid var(--warning)">
    <div class="card-header" style="background: var(--warning-light)">
        <h3 style="color: var(--warning)"><i class="fas fa-user-check"></i> مُسلّم حالياً إلى: {{ $asset->current_employee->full_name }}</h3>
    </div>
    <div class="card-body">
        <div class="detail-grid">
            <div class="detail-item"><label>الموظف</label><span><a href="{{ route('employees.show', $asset->current_employee) }}">{{ $asset->current_employee->full_name }} ({{ $asset->current_employee->employee_code }})</a></span></div>
            <div class="detail-item"><label>تاريخ التسليم</label><span>{{ $asset->current_assignment->assigned_date->format('Y/m/d') }}</span></div>
            @if($asset->current_assignment->assignment_notes)
            <div class="detail-item full"><label>ملاحظات التسليم</label><span>{{ $asset->current_assignment->assignment_notes }}</span></div>
            @endif
        </div>
        <form method="POST" action="{{ route('assets.return', $asset) }}" style="margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--border)">
            @csrf
            <h4 style="margin-bottom: 0.75rem; font-size: 0.9rem">استرجاع الأصل</h4>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">حالة الأصل عند الإرجاع</label>
                    <select name="return_condition" class="form-select" required>
                        @foreach(\App\Models\Asset::CONDITION_LABELS as $val => $label)
                            <option value="{{ $val }}">{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">ملاحظات الإرجاع</label>
                    <input type="text" name="return_notes" class="form-input">
                </div>
            </div>
            <button type="submit" class="btn btn-warning"><i class="fas fa-undo"></i> استرجاع</button>
        </form>
    </div>
</div>
@endif

@if($asset->status !== 'assigned' && $asset->status !== 'retired')
<div class="card" style="margin-bottom: 1.5rem">
    <div class="card-header"><h3><i class="fas fa-hand-holding"></i> تسليم الأصل</h3></div>
    <div class="card-body">
        <form method="POST" action="{{ route('assets.assign', $asset) }}">
            @csrf
            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label required">الموظف</label>
                    <select name="employee_id" class="form-select" required>
                        <option value="">اختر الموظف</option>
                        @foreach(\App\Models\Employee::active()->orderBy('first_name')->get() as $emp)
                            <option value="{{ $emp->id }}">{{ $emp->full_name }} ({{ $emp->employee_code }})</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">تاريخ التسليم</label>
                    <input type="date" name="assigned_date" value="{{ date('Y-m-d') }}" class="form-input" required>
                </div>
                <div class="form-group">
                    <label class="form-label">ملاحظات</label>
                    <input type="text" name="assignment_notes" class="form-input">
                </div>
            </div>
            <button type="submit" class="btn btn-success"><i class="fas fa-user-check"></i> تسليم</button>
        </form>
    </div>
</div>
@endif

<div class="card">
    <div class="card-header"><h3><i class="fas fa-history"></i> سجل التسليم والإرجاع</h3></div>
    <div class="table-responsive">
        <table class="data-table">
            <thead>
                <tr>
                    <th>الموظف</th>
                    <th>تاريخ التسليم</th>
                    <th>تاريخ الإرجاع</th>
                    <th>الحالة</th>
                    <th>حالة الإرجاع</th>
                    <th>سلّم بواسطة</th>
                </tr>
            </thead>
            <tbody>
                @forelse($asset->assignments->sortByDesc('assigned_date') as $asgn)
                <tr>
                    <td><a href="{{ route('employees.show', $asgn->employee) }}">{{ $asgn->employee->full_name }}</a></td>
                    <td>{{ $asgn->assigned_date->format('Y/m/d') }}</td>
                    <td>{{ $asgn->returned_date?->format('Y/m/d') ?? '—' }}</td>
                    <td>
                        <span class="status-badge {{ $asgn->status === 'active' ? 'status-active' : 'status-draft' }}">
                            {{ $asgn->status === 'active' ? 'مُسلّم' : 'مُسترجع' }}
                        </span>
                    </td>
                    <td>{{ $asgn->return_condition ? \App\Models\Asset::CONDITION_LABELS[$asgn->return_condition] ?? $asgn->return_condition : '—' }}</td>
                    <td>{{ $asgn->assignedByUser->name ?? '—' }}</td>
                </tr>
                @empty
                <tr><td colspan="6"><div class="empty-state-sm">لا يوجد سجل تسليم</div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection