@extends('layouts.app')

@section('content')
<div class="container-fluid py-4">
    <!-- Header -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h3 mb-0">Admin Dashboard</h1>
                    <p class="text-muted">{{ $company->name }} - Administration Management</p>
                </div>
                @if(auth()->user()->isHR() || auth()->user()->isSuperAdmin())
                <div>
                    <a href="{{ url('companies/' . $company->id . '/hr/settings') }}" class="btn btn-outline-secondary">
                        <i class="fas fa-cog"></i> Company Settings
                    </a>
                </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Stats Cards -->
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card text-white bg-primary">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <div>
                            <h4 class="card-title">{{ $totalEmployees }}</h4>
                            <p class="card-text">Total Employees</p>
                        </div>
                        <div class="align-self-center">
                            <i class="fas fa-users fa-2x"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-md-3">
            <div class="card text-white bg-success">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <div>
                            <h4 class="card-title">{{ $presentToday }}</h4>
                            <p class="card-text">Present Today</p>
                        </div>
                        <div class="align-self-center">
                            <i class="fas fa-check-circle fa-2x"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-md-3">
            <div class="card text-white bg-warning">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <div>
                            <h4 class="card-title">{{ $pendingLeaves }}</h4>
                            <p class="card-text">Pending Leaves</p>
                        </div>
                        <div class="align-self-center">
                            <i class="fas fa-calendar-times fa-2x"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-md-3">
            <div class="card text-white bg-info">
                <div class="card-body">
                    <div class="d-flex justify-content-between">
                        <div>
                            <h4 class="card-title">RM{{ number_format($thisMonthPayroll, 2) }}</h4>
                            <p class="card-text">This Month Payroll</p>
                        </div>
                        <div class="align-self-center">
                            <i class="fas fa-dollar-sign fa-2x"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <!-- Quick Actions -->
        <div class="col-md-4 mb-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Quick Actions</h5>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        @if(auth()->user()->isHR() || auth()->user()->isSuperAdmin() || (auth()->user()->isManager() && in_array('manage_employees', auth()->user()->hr_permissions ?? [])))
                        <a href="{{ route('companies.hr.employees.create', $company) }}" class="btn btn-outline-primary">
                            <i class="fas fa-user-plus"></i> Add Employee
                        </a>
                        @endif
                        
                        @if(auth()->user()->isHR() || auth()->user()->isSuperAdmin() || (auth()->user()->isManager() && in_array('manage_payroll', auth()->user()->hr_permissions ?? [])))
                        <a href="{{ route('companies.hr.payroll.create', $company) }}" class="btn btn-outline-success">
                            <i class="fas fa-calculator"></i> Process Payroll
                        </a>
                        @endif
                        
                        @if(auth()->user()->isHR() || auth()->user()->isSuperAdmin() || (auth()->user()->isManager() && (in_array('view_payroll', auth()->user()->hr_permissions ?? []) || in_array('manage_payroll', auth()->user()->hr_permissions ?? []))))
                        <a href="{{ route('companies.hr.attendance.index', $company) }}" class="btn btn-outline-info">
                            <i class="fas fa-clock"></i> View Attendance
                        </a>
                        @endif
                        
                        @if(auth()->user()->isHR() || auth()->user()->isSuperAdmin() || (auth()->user()->isManager() && in_array('approve_leaves', auth()->user()->hr_permissions ?? [])))
                        <a href="{{ route('companies.hr.leaves.index', $company) }}" class="btn btn-outline-warning">
                            <i class="fas fa-calendar"></i> Manage Leaves
                        </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <!-- Recent Employees -->
        <div class="col-md-4 mb-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Recent Employees</h5>
                </div>
                <div class="card-body">
                    @forelse($recentEmployees as $employee)
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <div>
                                <strong>{{ $employee->full_name }}</strong><br>
                                <small class="text-muted">{{ $employee->position }}</small>
                            </div>
                            <small class="text-muted">{{ $employee->hire_date->format('M d') }}</small>
                        </div>
                        @unless($loop->last)<hr class="my-2">@endunless
                    @empty
                        <p class="text-muted">No recent employees</p>
                    @endforelse
                </div>
            </div>
        </div>

        <!-- Pending Approvals -->
        <div class="col-md-4 mb-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Pending Approvals</h5>
                </div>
                <div class="card-body">
                    @if($pendingExpenses > 0 || $pendingLeaves > 0)
                        @if($pendingExpenses > 0)
                            <div class="mb-2">
                                <a href="{{ route('companies.hr.expenses.index', $company) }}" class="text-decoration-none">
                                    <i class="fas fa-receipt text-warning"></i>
                                    {{ $pendingExpenses }} Expense Claims
                                </a>
                            </div>
                        @endif
                        @if($pendingLeaves > 0)
                            <div class="mb-2">
                                <a href="{{ route('companies.hr.leaves.index', $company) }}" class="text-decoration-none">
                                    <i class="fas fa-calendar-times text-info"></i>
                                    {{ $pendingLeaves }} Leave Requests
                                </a>
                            </div>
                        @endif
                    @else
                        <p class="text-muted">No pending approvals</p>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <!-- Admin Module Navigation -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Admin Modules</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        @if(auth()->user()->isHR() || auth()->user()->isSuperAdmin() || (auth()->user()->isManager() && in_array('manage_employees', auth()->user()->hr_permissions ?? [])))
                        <div class="col-md-2 mb-3">
                            <a href="{{ route('companies.hr.employees.index', $company) }}" class="text-decoration-none">
                                <div class="text-center p-3 border rounded hover-shadow">
                                    <i class="fas fa-users fa-2x text-primary mb-2"></i>
                                    <div class="fw-bold">Employees</div>
                                    <small class="text-muted">Manage Staff</small>
                                </div>
                            </a>
                        </div>
                        @endif
                        
                        @if(auth()->user()->isHR() || auth()->user()->isSuperAdmin() || (auth()->user()->isManager() && (in_array('view_payroll', auth()->user()->hr_permissions ?? []) || in_array('manage_payroll', auth()->user()->hr_permissions ?? []))))
                        <div class="col-md-2 mb-3">
                            <a href="{{ route('companies.hr.payroll.index', $company) }}" class="text-decoration-none">
                                <div class="text-center p-3 border rounded hover-shadow">
                                    <i class="fas fa-calculator fa-2x text-success mb-2"></i>
                                    <div class="fw-bold">Payroll</div>
                                    <small class="text-muted">{{ auth()->user()->isManager() ? 'View Payroll' : 'Salary Management' }}</small>
                                </div>
                            </a>
                        </div>
                        @endif
                        
                        @if(auth()->user()->isHR() || auth()->user()->isSuperAdmin() || (auth()->user()->isManager() && in_array('approve_expenses', auth()->user()->hr_permissions ?? [])))
                        <div class="col-md-2 mb-3">
                            <a href="{{ route('companies.hr.expenses.index', $company) }}" class="text-decoration-none">
                                <div class="text-center p-3 border rounded hover-shadow">
                                    <i class="fas fa-receipt fa-2x text-warning mb-2"></i>
                                    <div class="fw-bold">Expenses</div>
                                    <small class="text-muted">{{ auth()->user()->isManager() ? 'Approve Claims' : 'Claims Management' }}</small>
                                </div>
                            </a>
                        </div>
                        @endif
                        
                        @if(auth()->user()->isHR() || auth()->user()->isSuperAdmin() || (auth()->user()->isManager() && (in_array('view_payroll', auth()->user()->hr_permissions ?? []) || in_array('manage_payroll', auth()->user()->hr_permissions ?? []))))
                        <div class="col-md-2 mb-3">
                            <a href="{{ route('companies.hr.attendance.index', $company) }}" class="text-decoration-none">
                                <div class="text-center p-3 border rounded hover-shadow">
                                    <i class="fas fa-clock fa-2x text-info mb-2"></i>
                                    <div class="fw-bold">Attendance</div>
                                    <small class="text-muted">Time Tracking</small>
                                </div>
                            </a>
                        </div>
                        @endif
                        
                        @if(auth()->user()->isHR() || auth()->user()->isSuperAdmin() || (auth()->user()->isManager() && in_array('approve_leaves', auth()->user()->hr_permissions ?? [])))
                        <div class="col-md-2 mb-3">
                            <a href="{{ route('companies.hr.leaves.index', $company) }}" class="text-decoration-none">
                                <div class="text-center p-3 border rounded hover-shadow">
                                    <i class="fas fa-calendar-times fa-2x text-danger mb-2"></i>
                                    <div class="fw-bold">Leaves</div>
                                    <small class="text-muted">{{ auth()->user()->isManager() ? 'Approve Leaves' : 'Leave Management' }}</small>
                                </div>
                            </a>
                        </div>
                        @endif
                        
                        @if(auth()->user()->isHR() || auth()->user()->isSuperAdmin() || (auth()->user()->isManager() && in_array('manage_performance', auth()->user()->hr_permissions ?? [])))
                        <div class="col-md-2 mb-3">
                            <a href="{{ route('companies.hr.performance.index', $company) }}" class="text-decoration-none">
                                <div class="text-center p-3 border rounded hover-shadow">
                                    <i class="fas fa-chart-line fa-2x text-purple mb-2"></i>
                                    <div class="fw-bold">Performance</div>
                                    <small class="text-muted">Reviews & KPIs</small>
                                </div>
                            </a>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@push('styles')
<style>
.hover-shadow:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.text-purple {
    color: #6f42c1 !important;
}
</style>
@endpush
@endsection