@extends('layouts.app')
@section('title', 'تفاصيل العقد - DOTS HR Pro')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تفاصيل العقد</h1>
        <p class="page-subtitle">{{ $contract->contract_number }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('contracts.edit', $contract) }}" class="btn btn-primary"><i class="fas fa-edit"></i> تعديل</a>
        @if($contract->status === 'active' && $contract->end_date)
            <form method="POST" action="{{ route('contracts.renew', $contract) }}" style="display:inline" onsubmit="return confirm('تجديد العقد؟')">
                @csrf
                <button class="btn btn-success"><i class="fas fa-redo"></i> تجديد</button>
            </form>
        @endif
        <a href="{{ route('contracts.index') }}" class="btn btn-ghost"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

@if($contract->is_expiring_soon)
<div style="display:flex; align-items:center; gap:12px; padding:16px; margin-bottom:24px; background: var(--warning-light); border-radius: var(--radius); border-right: 4px solid var(--warning)">
    <i class="fas fa-exclamation-triangle" style="font-size:24px; color: var(--warning)"></i>
    <div><strong>تنبيه:</strong> هذا العقد سينتهي خلال <strong>{{ $contract->days_remaining }} يوم</strong> ({{ $contract->end_date->format('Y/m/d') }})</div>
</div>
@endif

@if($contract->is_expired)
<div style="display:flex; align-items:center; gap:12px; padding:16px; margin-bottom:24px; background: var(--danger-light); border-radius: var(--radius); border-right: 4px solid var(--danger)">
    <i class="fas fa-times-circle" style="font-size:24px; color: var(--danger)"></i>
    <div><strong>منتهي:</strong> هذا العقد انتهى في {{ $contract->end_date->format('Y/m/d') }}</div>
</div>
@endif

<div class="card" style="max-width:900px">
    <div class="card-header"><h3><i class="fas fa-file-contract"></i> بيانات العقد</h3></div>
    <div class="card-body">
        <div class="detail-grid">
            <div class="detail-item"><label>رقم العقد</label><span><span class="code-badge">{{ $contract->contract_number }}</span></span></div>
            <div class="detail-item"><label>الموظف</label><span>@if($contract->employee)<a href="{{ route('employees.show', $contract->employee) }}">{{ $contract->employee->full_name }}</a>@else — @endif</span></div>
            <div class="detail-item"><label>نوع العقد</label><span>{{ $contract->type_label }}</span></div>
            <div class="detail-item">
                <label>الحالة</label>
                <span>
                    @php $sc = match($contract->status) { 'active'=>'status-active', 'expired'=>'status-expired', 'terminated'=>'status-expired', 'renewed'=>'status-pending', default=>'' }; @endphp
                    <span class="status-badge {{ $sc }}">{{ $contract->status_label }}</span>
                    @if($contract->auto_renew)
                        <span class="status-badge status-active" style="margin-right:4px"><i class="fas fa-sync-alt"></i> تجديد تلقائي</span>
                    @endif
                </span>
            </div>
            <div class="detail-item"><label>تاريخ البداية</label><span>{{ $contract->start_date?->format('Y/m/d') }}</span></div>
            <div class="detail-item">
                <label>تاريخ النهاية</label>
                <span>
                    {{ $contract->end_date?->format('Y/m/d') ?? 'مفتوح (دائم)' }}
                    @if($contract->days_remaining !== null)
                        <small style="color: var(--text-muted)"> ({{ $contract->days_remaining }} يوم متبقي)</small>
                    @endif
                </span>
            </div>
            @if($contract->probation_end_date)
            <div class="detail-item">
                <label>انتهاء فترة التجربة</label>
                <span>{{ $contract->probation_end_date->format('Y/m/d') }} @if($contract->is_in_probation)<span class="status-badge status-pending">في فترة التجربة</span>@endif</span>
            </div>
            @endif
            <div class="detail-item"><label>مدة العقد</label><span>{{ $contract->duration_months ?? '—' }} شهر</span></div>
        </div>
    </div>
</div>

<div class="card" style="max-width:900px; margin-top:24px">
    <div class="card-header"><h3><i class="fas fa-money-bill-wave"></i> البيانات المالية والوظيفية</h3></div>
    <div class="card-body">
        <div class="detail-grid">
            <div class="detail-item"><label>الراتب الأساسي</label><span>{{ number_format($contract->salary, 2) }}</span></div>
            <div class="detail-item"><label>البدلات</label><span>{{ number_format($contract->allowances ?? 0, 2) }}</span></div>
            <div class="detail-item"><label>إجمالي التعويضات</label><span style="font-weight:600; color: var(--primary)">{{ number_format($contract->total_compensation, 2) }}</span></div>
            <div class="detail-item"><label>المسمى الوظيفي</label><span>{{ $contract->job_title ?? '—' }}</span></div>
            <div class="detail-item"><label>القسم</label><span>{{ $contract->department ?? '—' }}</span></div>
            <div class="detail-item"><label>مدة الإشعار</label><span>{{ $contract->notice_period_days ?? 30 }} يوم</span></div>
        </div>
    </div>
</div>

@if($contract->terms || $contract->notes)
<div class="card" style="max-width:900px; margin-top:24px">
    <div class="card-header"><h3><i class="fas fa-clipboard-list"></i> الشروط والملاحظات</h3></div>
    <div class="card-body">
        <div class="detail-grid">
            @if($contract->terms)<div class="detail-item full"><label>الشروط والأحكام</label><span style="white-space: pre-line">{{ $contract->terms }}</span></div>@endif
            @if($contract->notes)<div class="detail-item full"><label>ملاحظات</label><span style="white-space: pre-line">{{ $contract->notes }}</span></div>@endif
        </div>
    </div>
</div>
@endif

@if($contract->document_path)
<div class="card" style="max-width:900px; margin-top:24px">
    <div class="card-header"><h3><i class="fas fa-paperclip"></i> ملف العقد</h3></div>
    <div class="card-body">
        <div style="display:flex; align-items:center; gap:12px">
            <i class="fas fa-file-pdf" style="font-size:32px; color: var(--danger)"></i>
            <div>
                <p style="margin:0; font-weight:600">{{ basename($contract->document_path) }}</p>
                <a href="{{ asset('storage/' . $contract->document_path) }}" target="_blank" class="btn btn-secondary" style="margin-top:8px"><i class="fas fa-download"></i> تحميل</a>
            </div>
        </div>
    </div>
</div>
@endif

@if($contract->renewedFrom || $contract->renewals->count() > 0)
<div class="card" style="max-width:900px; margin-top:24px">
    <div class="card-header"><h3><i class="fas fa-history"></i> سجل التجديدات</h3></div>
    <div class="card-body">
        @if($contract->renewedFrom)
        <p style="margin-bottom:16px"><i class="fas fa-arrow-left" style="color: var(--text-muted)"></i> مُجدَّد من: <a href="{{ route('contracts.show', $contract->renewedFrom) }}"><span class="code-badge">{{ $contract->renewedFrom->contract_number }}</span></a>
            @if($contract->renewed_count) <small style="color: var(--text-muted)">(التجديد رقم {{ $contract->renewed_count }})</small> @endif
        </p>
        @endif
        @if($contract->renewals->count() > 0)
        <p style="margin-bottom:12px; font-weight:600">العقود المُجدَّدة من هذا العقد:</p>
        <div class="table-responsive">
            <table class="data-table">
                <thead><tr><th>رقم العقد</th><th>البداية</th><th>النهاية</th><th>الحالة</th><th></th></tr></thead>
                <tbody>
                    @foreach($contract->renewals as $renewal)
                    <tr>
                        <td><span class="code-badge">{{ $renewal->contract_number }}</span></td>
                        <td>{{ $renewal->start_date?->format('Y/m/d') }}</td>
                        <td>{{ $renewal->end_date?->format('Y/m/d') ?? 'مفتوح' }}</td>
                        <td>@php $rc = match($renewal->status) { 'active'=>'status-active','expired'=>'status-expired','terminated'=>'status-expired','renewed'=>'status-pending', default=>'' }; @endphp<span class="status-badge {{ $rc }}">{{ $renewal->status_label }}</span></td>
                        <td><a href="{{ route('contracts.show', $renewal) }}" class="action-btn"><i class="fas fa-eye"></i></a></td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @endif
    </div>
</div>
@endif

@if($contract->status === 'active')
<div class="card" style="max-width:900px; margin-top:24px; border-color: var(--danger)">
    <div class="card-header" style="background: var(--danger-light)"><h3 style="color: var(--danger)"><i class="fas fa-ban"></i> إنهاء العقد</h3></div>
    <div class="card-body">
        <form method="POST" action="{{ route('contracts.terminate', $contract) }}" onsubmit="return confirm('هل أنت متأكد من إنهاء هذا العقد؟')">
            @csrf
            <div class="form-grid cols-2">
                <div class="form-group"><label class="form-label required">تاريخ الإنهاء</label><input type="date" name="terminated_at" value="{{ date('Y-m-d') }}" class="form-input" required></div>
            </div>
            <div class="form-group"><label class="form-label required">سبب الإنهاء</label><textarea name="termination_reason" class="form-textarea" rows="3" required placeholder="اذكر سبب إنهاء العقد..."></textarea></div>
            <button type="submit" class="btn btn-danger"><i class="fas fa-ban"></i> إنهاء العقد</button>
        </form>
    </div>
</div>
@endif

@if($contract->status === 'terminated' && $contract->terminated_at)
<div class="card" style="max-width:900px; margin-top:24px; border-color: var(--danger)">
    <div class="card-header" style="background: var(--danger-light)"><h3 style="color: var(--danger)"><i class="fas fa-ban"></i> بيانات الإنهاء</h3></div>
    <div class="card-body">
        <div class="detail-grid">
            <div class="detail-item"><label>تاريخ الإنهاء</label><span>{{ $contract->terminated_at->format('Y/m/d') }}</span></div>
            <div class="detail-item full"><label>سبب الإنهاء</label><span>{{ $contract->termination_reason }}</span></div>
        </div>
    </div>
</div>
@endif
@endsection