@extends('admin.layout')

@section('title', 'Entreprises')

@section('content')
    <div class="px-4 py-6 sm:px-0">
        <div class="flex justify-between items-center mb-6">
            <h1 class="text-3xl font-bold text-gray-900">Entreprises</h1>
            <button class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700">
                <i class="fas fa-plus mr-2"></i>
                Nouvelle entreprise
            </button>
        </div>

        <!-- Liste des entreprises -->
        <div class="bg-white shadow overflow-hidden sm:rounded-md">
            <ul class="divide-y divide-gray-200">
                @forelse($companies as $company)
                    <li>
                        <div class="px-4 py-4 flex items-center justify-between">
                            <div class="flex items-center">
                                <div class="flex-shrink-0 h-10 w-10">
                                    <div class="h-10 w-10 rounded-full bg-blue-500 flex items-center justify-center">
                                        <span class="text-sm font-medium text-white">
                                            {{ strtoupper(substr($company->name, 0, 2)) }}
                                        </span>
                                    </div>
                                </div>
                                <div class="ml-4">
                                    <div class="flex items-center">
                                        <p class="text-sm font-medium text-gray-900 truncate">
                                            {{ $company->name }}
                                        </p>
                                        <span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium 
                                            {{ $company->is_active ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800' }}">
                                            {{ $company->is_active ? 'Actif' : 'Inactif' }}
                                        </span>
                                    </div>
                                    <p class="text-sm text-gray-500">
                                        {{ $company->contact_person }} • {{ $company->phone }}
                                    </p>
                                    <p class="text-sm text-gray-500">
                                        {{ $company->address }}
                                    </p>
                                </div>
                            </div>
                            <div class="flex items-center space-x-4">
                                <div class="text-right">
                                    <p class="text-sm font-medium text-gray-900">
                                        {{ number_format($company->monthly_amount, 0, ',', ' ') }} FCFA
                                    </p>
                                    <p class="text-sm text-gray-500">
                                        {{ ucfirst($company->subscription_type) }}
                                    </p>
                                    <p class="text-sm text-gray-500">
                                        {{ $company->subscriptions->count() }} abonnement(s)
                                    </p>
                                </div>
                                <div class="flex items-center space-x-2">
                                    <button class="text-blue-600 hover:text-blue-900">
                                        <i class="fas fa-edit"></i>
                                    </button>
                                    <button class="text-green-600 hover:text-green-900">
                                        <i class="fas fa-file-invoice"></i>
                                    </button>
                                    <button class="text-red-600 hover:text-red-900">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </li>
                @empty
                    <li class="px-4 py-8 text-center text-gray-500">
                        Aucune entreprise trouvée.
                    </li>
                @endforelse
            </ul>
        </div>

        <!-- Pagination -->
        @if($companies->hasPages())
            <div class="mt-6">
                {{ $companies->links() }}
            </div>
        @endif
    </div>
@endsection