@extends('layouts.app')
@section('title', 'تفاصيل التأمين الطبي')
@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تفاصيل التأمين الطبي</h1>
        <p class="page-subtitle">{{ $medical_insurance->employee->full_name ?? '' }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('medical-insurance.edit', $medical_insurance) }}" class="btn btn-primary"><i class="fas fa-edit"></i> تعديل</a>
        <a href="{{ route('medical-insurance.index') }}" class="btn btn-ghost"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>
<div class="card" style="max-width:900px">
    <div class="card-header"><h3><i class="fas fa-shield-alt"></i> بيانات الوثيقة</h3></div>
    <div class="card-body">
        <div class="detail-grid">
            <div class="detail-item"><label>الموظف</label><span>{{ $medical_insurance->employee->full_name ?? '-' }}</span></div>
            <div class="detail-item"><label>مقدم الخدمة</label><span>{{ $medical_insurance->provider }}</span></div>
            <div class="detail-item"><label>رقم الوثيقة</label><span class="code-badge">{{ $medical_insurance->policy_number ?? '-' }}</span></div>
            <div class="detail-item"><label>فئة التأمين</label><span>{{ $medical_insurance->class_label }}</span></div>
            <div class="detail-item"><label>نوع التغطية</label><span>{{ $medical_insurance->coverage_type_label }}</span></div>
            <div class="detail-item"><label>عدد المعالين</label><span>{{ $medical_insurance->dependents_count }}</span></div>
            <div class="detail-item"><label>تاريخ البداية</label><span>{{ $medical_insurance->start_date->format('Y/m/d') }}</span></div>
            <div class="detail-item"><label>تاريخ النهاية</label><span>{{ $medical_insurance->end_date->format('Y/m/d') }}</span></div>
            <div class="detail-item"><label>القسط السنوي</label><span>{{ number_format($medical_insurance->premium_amount, 2) }} ر.س</span></div>
            <div class="detail-item"><label>الحالة</label><span class="status-badge {{ $medical_insurance->status_css }}">{{ $medical_insurance->status_label }}</span></div>
            <div class="detail-item"><label>الأيام المتبقية</label><span>
                @if($medical_insurance->daysUntilExpiry() < 0)
                    <span style="color:var(--danger)">منتهي منذ {{ abs($medical_insurance->daysUntilExpiry()) }} يوم</span>
                @else
                    {{ $medical_insurance->daysUntilExpiry() }} يوم
                @endif
            </span></div>
            @if($medical_insurance->attachment)
            <div class="detail-item"><label>المرفق</label><span><a href="{{ asset('storage/'.$medical_insurance->attachment) }}" target="_blank" class="btn btn-secondary btn-sm"><i class="fas fa-download"></i> تحميل</a></span></div>
            @endif
            @if($medical_insurance->notes)
            <div class="detail-item full"><label>ملاحظات</label><span>{{ $medical_insurance->notes }}</span></div>
            @endif
        </div>
    </div>
</div>
@endsection