@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تفاصيل ملف WPS</h1>
        <p class="page-subtitle">{{ $file->file_name }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('wps.files') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-right"></i> رجوع
        </a>
    </div>
</div>

@if (session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif

<div class="stats-grid cols-4">
    <div class="stat-card">
        <div class="stat-icon"><i class="fas fa-flag"></i></div>
        <div class="stat-value">{{ $file->country_code }}</div>
        <div class="stat-label">الدولة</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon"><i class="fas fa-users"></i></div>
        <div class="stat-value">{{ $file->total_employees }}</div>
        <div class="stat-label">عدد الموظفين</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon"><i class="fas fa-money-bill-wave"></i></div>
        <div class="stat-value">{{ number_format($file->total_amount, 2) }}</div>
        <div class="stat-label">إجمالي المبلغ</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon"><i class="fas fa-info-circle"></i></div>
        <div class="stat-value"><span class="status-badge {{ $file->status_badge_class }}">{{ $file->status_label }}</span></div>
        <div class="stat-label">الحالة</div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h3>بيانات الملف</h3>
    </div>
    <div class="card-body">
        <div class="form-grid cols-2">
            <div class="form-group">
                <label class="form-label">اسم الملف</label>
                <p>{{ $file->file_name }}</p>
            </div>
            <div class="form-group">
                <label class="form-label">النوع</label>
                <p>{{ $file->file_type_label }}</p>
            </div>
            <div class="form-group">
                <label class="form-label">الشهر</label>
                <p>{{ optional($file->month)->format('Y-m') }}</p>
            </div>
            <div class="form-group">
                <label class="form-label">مسار الملف</label>
                <p><span class="code-badge">{{ $file->file_path }}</span></p>
            </div>
            <div class="form-group">
                <label class="form-label">تاريخ الإنشاء</label>
                <p>{{ $file->created_at->format('Y-m-d H:i') }}</p>
            </div>
            <div class="form-group">
                <label class="form-label">تاريخ الإرسال</label>
                <p>{{ $file->submitted_at ? $file->submitted_at->format('Y-m-d H:i') : '—' }}</p>
            </div>
        </div>

        @if ($file->notes)
            <div class="form-group">
                <label class="form-label">ملاحظات</label>
                <p>{{ $file->notes }}</p>
            </div>
        @endif

        @if ($file->error_log)
            <div class="form-group">
                <label class="form-label">سجل الأخطاء</label>
                <p class="text-danger">{{ $file->error_log }}</p>
            </div>
        @endif

        <form action="{{ route('wps.download') }}" method="POST">
            @csrf
            <input type="hidden" name="country_code" value="{{ $file->country_code }}">
            <input type="hidden" name="month" value="{{ optional($file->month)->format('Y-m') }}">
            <button type="submit" class="btn btn-success">
                <i class="fas fa-file-download"></i> إعادة تنزيل الملف
            </button>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h3>تحديث الحالة</h3>
    </div>
    <div class="card-body">
        <form action="{{ route('wps.updateStatus', $file->id) }}" method="POST" class="form-grid cols-2">
            @csrf
            @method('PUT')
            <div class="form-group">
                <label class="form-label required">الحالة</label>
                <select name="status" class="form-select" required>
                    <option value="draft" {{ $file->status == 'draft' ? 'selected' : '' }}>مسودة</option>
                    <option value="generated" {{ $file->status == 'generated' ? 'selected' : '' }}>تم الإنشاء</option>
                    <option value="submitted" {{ $file->status == 'submitted' ? 'selected' : '' }}>تم الإرسال</option>
                    <option value="accepted" {{ $file->status == 'accepted' ? 'selected' : '' }}>مقبول</option>
                    <option value="rejected" {{ $file->status == 'rejected' ? 'selected' : '' }}>مرفوض</option>
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">ملاحظات</label>
                <input type="text" name="notes" class="form-input" value="{{ $file->notes }}">
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save"></i> تحديث الحالة
                </button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h3>الموظفون المشمولون ({{ $file->country_code }})</h3>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>كود الموظف</th>
                        <th>الاسم</th>
                        <th>البنك</th>
                        <th>الآيبان</th>
                        <th>الراتب الأساسي</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($employees as $employee)
                        <tr>
                            <td>{{ $employee->employee_code }}</td>
                            <td>{{ $employee->first_name }} {{ $employee->last_name }}</td>
                            <td>{{ $employee->bank_name }}</td>
                            <td>{{ $employee->iban }}</td>
                            <td>{{ number_format($employee->basic_salary, 2) }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5">
                                <div class="empty-state">
                                    <i class="fas fa-user-slash"></i>
                                    <p>لا يوجد موظفون</p>
                                </div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection