{% extends "base.html" %}
{% block title %}Home{% endblock %}
{% block content %}
<div class="hero" style="text-align:center; margin-bottom:50px;">
    <h1 class="fw-bold text-gradient">Welcome to AuraToolKit 360</h1>
    <p class="text-muted">B2B Enterprise Multi-Tenant HR, ATS & Biometric Payroll SaaS Platform</p>
</div>
<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:30px;">
    <div class="card" style="background:white; padding:30px; border-radius:20px; text-align:center; cursor:pointer;" onclick="location.href='/ats'">
        <div style="font-size:60px;">🎯</div><h3>ATS - Resume Filter</h3><p>Upload resumes, filter by keywords</p>
    </div>
    <div class="card" style="background:white; padding:30px; border-radius:20px; text-align:center; cursor:pointer;" onclick="location.href='/employees'">
        <div style="font-size:60px;">👥</div><h3>Employees Record</h3><p>Manage all employees permanently</p>
    </div>
    <div class="card" style="background:white; padding:30px; border-radius:20px; text-align:center; cursor:pointer;" onclick="location.href='/attendance'">
        <div style="font-size:60px;">⏱️</div><h3>Attendance</h3><p>Track check-ins, check-outs and status</p>
    </div>
    <div class="card" style="background:white; padding:30px; border-radius:20px; text-align:center; cursor:pointer;" onclick="location.href='/leave-requests'">
        <div style="font-size:60px;">📋</div><h3>Leave Management</h3><p>Review leave requests and approvals</p>
    </div>
    <div class="card" style="background:white; padding:30px; border-radius:20px; text-align:center; cursor:pointer;" onclick="location.href='/inventory'">
        <div style="font-size:60px;">📦</div><h3>Inventory Management</h3><p>Track company assets</p>
    </div>
    <div class="card" style="background:white; padding:30px; border-radius:20px; text-align:center; cursor:pointer;" onclick="location.href='/payroll'">
        <div style="font-size:60px;">💰</div><h3>Payroll Management</h3><p>Manage employee salaries</p>
    </div>
    <div class="card" style="background:white; padding:30px; border-radius:20px; text-align:center; cursor:pointer;" onclick="location.href='/dashboard'">
        <div style="font-size:60px;">📊</div><h3>HR Dashboard</h3><p>Complete statistics</p>
    </div>
</div>
{% endblock %}