// Deprecated
<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
            {{ __('Audit Facture') }}
        </h2>
    </x-slot>

    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    <div class="py-12 flex justify-center">
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <!-- Card 1 -->
            <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg p-6 text-gray-900 dark:text-gray-100 flex items-center">
                <div class="mr-4">
                    <i class="fas fa-play text-blue-500 text-2xl"></i> <!-- Replace with your preferred icon -->
                </div>
                <div>
                    <a href="{{ route('audit.new') }}" class="text-blue-500 hover:underline">
                        Auditer
                    </a>
                </div>
            </div>
            <!-- Card 2 -->
            <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg p-6 text-gray-900 dark:text-gray-100 flex items-center">
                <div class="mr-4">
                    <i class="fas fa-save text-green-500 text-2xl"></i> <!-- Replace with your preferred icon -->
                </div>
                <div>
                    <a href="{{ route('audit.viewAll') }}" class="text-green-500 hover:underline">
                        Audits
                    </a>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>