{% extends 'layouts/authenticated.html.twig' %}
{% import 'flowbite_components/macros.html.twig' as flowbite %}

{% block page_title %}{{ page_title }}{% endblock %}

{% block content %}
<div class="space-y-6">
    {# Header avec titre #}
    <div class="bg-gradient-to-r from-purple-600 to-pink-600 rounded-lg shadow-lg p-6 text-white">
        <h1 class="text-3xl font-bold">
            <i class="fas fa-chart-line mr-3"></i>Dashboard Manager
        </h1>
        <p class="mt-2 text-purple-100">Vue d'ensemble - {{ "now"|date('d/m/Y à H:i') }}</p>
    </div>

    {% if company %}
    {# Company Info Card #}
    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
        <div class="flex items-start gap-4">
            {% if company.logo %}
                <img src="{{ company.logo|company_logo_url }}" alt="{{ company.name }}" class="w-16 h-16 rounded-lg object-cover border border-gray-200">
            {% else %}
                <div class="w-16 h-16 rounded-lg bg-purple-100 dark:bg-purple-900 flex items-center justify-center">
                    <svg class="w-8 h-8 text-purple-600 dark:text-purple-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 21h19.5M3.75 3v18h16.5V3H3.75Zm3 3h3v3h-3V6Zm6 0h3v3h-3V6Zm-6 6h3v3h-3v-3Zm6 0h3v3h-3v-3Z" />
                    </svg>
                </div>
            {% endif %}
            <div class="flex-1">
                <h2 class="text-xl font-semibold text-gray-900 dark:text-white">{{ company.name }}</h2>
                {% if company.email %}
                    <p class="text-sm text-gray-500 dark:text-gray-400">{{ company.email }}</p>
                {% endif %}
                {% if company.fullAddress %}
                    <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">{{ company.fullAddress }}</p>
                {% endif %}
            </div>
            <div class="text-right">
                <div class="text-3xl font-bold text-purple-600 dark:text-purple-400">{{ employee_count }}</div>
                <div class="text-sm text-gray-500 dark:text-gray-400">Employés</div>
            </div>
        </div>
    </div>

    {# Quick Actions #}
    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
        <a href="{{ path('admin_companies_show', {id: company.id}) }}" class="bg-white dark:bg-gray-800 rounded-lg shadow p-5 hover:shadow-md transition-shadow group">
            <div class="flex items-center gap-3">
                <div class="w-10 h-10 rounded-lg bg-blue-100 dark:bg-blue-900 flex items-center justify-center group-hover:bg-blue-200 transition-colors">
                    <svg class="w-5 h-5 text-blue-600 dark:text-blue-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 21h19.5M3.75 3v18h16.5V3H3.75Z" />
                    </svg>
                </div>
                <div>
                    <p class="font-medium text-gray-900 dark:text-white">Mon Entreprise</p>
                    <p class="text-xs text-gray-500">Détails et documents</p>
                </div>
            </div>
        </a>

        <a href="{{ path('manager_users_index') }}" class="bg-white dark:bg-gray-800 rounded-lg shadow p-5 hover:shadow-md transition-shadow group">
            <div class="flex items-center gap-3">
                <div class="w-10 h-10 rounded-lg bg-green-100 dark:bg-green-900 flex items-center justify-center group-hover:bg-green-200 transition-colors">
                    <svg class="w-5 h-5 text-green-600 dark:text-green-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" />
                    </svg>
                </div>
                <div>
                    <p class="font-medium text-gray-900 dark:text-white">Gestion Employés</p>
                    <p class="text-xs text-gray-500">Gérer les utilisateurs</p>
                </div>
            </div>
        </a>

        <a href="{{ path('manager_users_create') }}" class="bg-white dark:bg-gray-800 rounded-lg shadow p-5 hover:shadow-md transition-shadow group">
            <div class="flex items-center gap-3">
                <div class="w-10 h-10 rounded-lg bg-purple-100 dark:bg-purple-900 flex items-center justify-center group-hover:bg-purple-200 transition-colors">
                    <svg class="w-5 h-5 text-purple-600 dark:text-purple-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z" />
                    </svg>
                </div>
                <div>
                    <p class="font-medium text-gray-900 dark:text-white">Ajouter un Employé</p>
                    <p class="text-xs text-gray-500">Créer un nouveau compte</p>
                </div>
            </div>
        </a>
    </div>
    {% else %}
    {# No company assigned #}
    <div class="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-6">
        <div class="flex items-center gap-3">
            <svg class="w-6 h-6 text-yellow-600 dark:text-yellow-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" />
            </svg>
            <div>
                <p class="font-medium text-yellow-800 dark:text-yellow-200">Aucune entreprise assignée</p>
                <p class="text-sm text-yellow-600 dark:text-yellow-400 mt-1">Contactez l'administrateur pour être assigné à une entreprise.</p>
            </div>
        </div>
    </div>
    {% endif %}
</div>
{% endblock %}