@extends('layouts.app')
@section('title', 'لوحة المدير')
@section('content')
<div class="container-fluid py-4">
    <h4 class="mb-4"><i class="fas fa-user-tie me-2"></i>لوحة تحكم المدير</h4>

    <!-- Team Overview -->
    <div class="row mb-4">
        <div class="col-md-3 mb-3">
            <div class="card bg-primary text-white">
                <div class="card-body text-center">
                    <h3 class="mb-0">{{ $teamMembers->count() }}</h3>
                    <small>أعضاء الفريق</small>
                </div>
            </div>
        </div>
        <div class="col-md-3 mb-3">
            <div class="card bg-success text-white">
                <div class="card-body text-center">
                    <h3 class="mb-0">{{ $teamAttendance->count() }}</h3>
                    <small>حاضرون اليوم</small>
                </div>
            </div>
        </div>
        <div class="col-md-3 mb-3">
            <div class="card bg-info text-white">
                <div class="card-body text-center">
                    <h3 class="mb-0">{{ $onLeaveToday->count() }}</h3>
                    <small>في إجازة اليوم</small>
                </div>
            </div>
        </div>
        <div class="col-md-3 mb-3">
            <div class="card bg-warning text-white">
                <div class="card-body text-center">
                    <h3 class="mb-0">{{ $pendingLeaves->count() + $pendingDataChanges->count() + $pendingFinancial->count() }}</h3>
                    <small>طلبات معلقة</small>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <!-- Pending Leave Approvals -->
        <div class="col-md-6 mb-4">
            <div class="card h-100">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0"><i class="fas fa-umbrella-beach me-2"></i>طلبات إجازة معلقة</h5>
                    <span class="badge bg-warning">{{ $pendingLeaves->count() }}</span>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm mb-0">
                            <thead><tr><th>الموظف</th><th>النوع</th><th>من</th><th>إلى</th><th>إجراء</th></tr></thead>
                            <tbody>
                            @forelse($pendingLeaves as $leave)
                            <tr>
                                <td>{{ $leave->first_name }} {{ $leave->last_name }}</td>
                                <td>{{ $leave->leave_type }}</td>
                                <td>{{ $leave->start_date }}</td>
                                <td>{{ $leave->end_date }}</td>
                                <td>
                                    <form action="{{ route('mss.approve-leave', $leave->id) }}" method="POST" class="d-inline">
                                        @csrf
                                        <input type="hidden" name="action" value="approve">
                                        <button class="btn btn-sm btn-success"><i class="fas fa-check"></i></button>
                                    </form>
                                    <form action="{{ route('mss.approve-leave', $leave->id) }}" method="POST" class="d-inline">
                                        @csrf
                                        <input type="hidden" name="action" value="reject">
                                        <button class="btn btn-sm btn-danger"><i class="fas fa-times"></i></button>
                                    </form>
                                </td>
                            </tr>
                            @empty
                            <tr><td colspan="5" class="text-center py-3">لا توجد طلبات معلقة</td></tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <!-- Team Attendance Today -->
        <div class="col-md-6 mb-4">
            <div class="card h-100">
                <div class="card-header">
                    <h5 class="mb-0"><i class="fas fa-users me-2"></i>حضور الفريق اليوم</h5>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm mb-0">
                            <thead><tr><th>الموظف</th><th>الدخول</th><th>الحالة</th></tr></thead>
                            <tbody>
                            @foreach($teamMembers as $member)
                            @php $att = $teamAttendance->get($member->id); @endphp
                            <tr>
                                <td>{{ $member->first_name }} {{ $member->last_name }}</td>
                                <td>{{ $att ? \Carbon\Carbon::parse($att->check_in)->format('H:i') : '—' }}</td>
                                <td>
                                    @if($att && $att->status === 'present')
                                        <span class="badge bg-success">حاضر</span>
                                    @elseif($att && $att->status === 'late')
                                        <span class="badge bg-warning">متأخر</span>
                                    @else
                                        <span class="badge bg-secondary">لم يسجل</span>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <!-- On Leave Today -->
        @if($onLeaveToday->count() > 0)
        <div class="col-md-6 mb-4">
            <div class="card">
                <div class="card-header"><h5 class="mb-0"><i class="fas fa-plane me-2"></i>في إجازة اليوم</h5></div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm mb-0">
                            <thead><tr><th>الموظف</th><th>النوع</th><th>ينتهي</th></tr></thead>
                            <tbody>
                            @foreach($onLeaveToday as $ol)
                            <tr>
                                <td>{{ $ol->first_name }} {{ $ol->last_name }}</td>
                                <td>{{ $ol->leave_type }}</td>
                                <td>{{ $ol->end_date }}</td>
                            </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        @endif

        <!-- Pending Financial Requests -->
        @if($pendingFinancial->count() > 0)
        <div class="col-md-6 mb-4">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0"><i class="fas fa-money-bill me-2"></i>طلبات مالية معلقة</h5>
                    <span class="badge bg-warning">{{ $pendingFinancial->count() }}</span>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-sm mb-0">
                            <thead><tr><th>الموظف</th><th>النوع</th><th>المبلغ</th><th>الغرض</th></tr></thead>
                            <tbody>
                            @foreach($pendingFinancial as $fr)
                            <tr>
                                <td>{{ $fr->first_name }} {{ $fr->last_name }}</td>
                                <td>
                                    @if($fr->type === 'advance') سلفة
                                    @elseif($fr->type === 'delegation') انتداب
                                    @else تعويض مصاريف
                                    @endif
                                </td>
                                <td>{{ number_format($fr->amount, 2) }}</td>
                                <td>{{ \Illuminate\Support\Str::limit($fr->purpose, 30) }}</td>
                            </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection