@extends('layouts.app', ['activePage' => 'auditorias', 'menuParent' => 'reportes', 'titlePage' => __('')])
@section('content')
@include('includes.tailwind')
<div class="content">
    <div class="container-fluid">
        <div class="py-6">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                <!-- Grid de auditorias -->
                <div class="mb-8 grid grid-cols-3 items-center">
                    <div></div>
                    <div>
                        <h1 class="text-2xl font-bold text-gray-800 mb-8 text-center">Auditorias CFDIs</h1>
                    </div>
                    <div class="flex justify-end">
                        <a href="{{ route('auditorias.index')}}" class="inline-flex items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors duration-200">
                            <svg class="h-5 w-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
                            </svg>
                            Volver
                        </a>
                    </div>
                </div>
                <div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4">
                    <!-- Auditoría de complementos de pago contra facturas -->
                    <a href="{{ route('auditorias.complementos-pagos') }}" class="bg-white overflow-hidden shadow rounded-lg block group transform transition duration-300 hover:scale-105 hover:shadow-2xl">
                        <div class="p-5 flex flex-col items-center text-center">
                            <!-- Icono de auditoría/documento con lupa -->
                            <span class="material-icons text-blue-600 mb-4 transition-transform duration-300 group-hover:rotate-6 group-hover:scale-110" style="font-size: 3rem;">
                                search
                            </span>
                            <h3 class="text-lg font-semibold text-gray-900">Complementos de pago</h3>
                            <p class="mt-1 text-sm text-gray-500">
                                Valida que los complementos de pago estén bien relacionados con sus facturas.
                            </p>
                        </div>
                        @if(session('auditoria_complementos_pagos_totales'))
                        <div class="px-5 pb-4 flex justify-center space-x-2">
                            <span class="bg-red-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_complementos_pagos_totales.totalError') }}</span>
                            <span class="bg-yellow-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_complementos_pagos_totales.totalAdvertencia') }}</span>
                            <span class="bg-green-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_complementos_pagos_totales.totalCorrecto') }}</span>
                        </div>
                        @endif
                    </a>
                    <!-- Auditoría de facturas canceladas del sistema contra el SAT -->
                    <a href="{{ route('auditorias.facturas-canceladas') }}" class="bg-white overflow-hidden shadow rounded-lg block group transform transition duration-300 hover:scale-105 hover:shadow-2xl">
                        <div class="p-5 flex flex-col items-center text-center">
                            <!-- Icono de documento con tache (cancelación) -->
                            <span class="material-icons text-red-600 mb-4 transition-transform duration-300 group-hover:rotate-6 group-hover:scale-110" style="font-size: 3rem;">
                                cancel
                            </span>
                            <h3 class="text-lg font-semibold text-gray-900">Facturas canceladas</h3>
                            <p class="mt-1 text-sm text-gray-500">
                                Compara las facturas canceladas en el sistema contra las reportadas como canceladas en el SAT.
                            </p>
                        </div>
                        @if(session('auditoria_facturas_canceladas_totales'))
                        <div class="px-5 pb-4 flex justify-center space-x-2">
                            <span class="bg-red-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_facturas_canceladas_totales.totalError') }}</span>
                            <span class="bg-yellow-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_facturas_canceladas_totales.totalAdvertencia') }}</span>
                            <span class="bg-green-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_facturas_canceladas_totales.totalCorrecto') }}</span>
                        </div>
                        @endif
                    </a>

                    <!-- Auditoría: PPD pagadas sin complemento -->
                    <a href="{{ route('auditorias.ppd-sin-complemento') }}" class="bg-white overflow-hidden shadow rounded-lg block group transform transition duration-300 hover:scale-105 hover:shadow-2xl">
                        <div class="p-5 flex flex-col items-center text-center">
                            <span class="material-icons text-amber-600 mb-4 transition-transform duration-300 group-hover:rotate-6 group-hover:scale-110" style="font-size: 3rem;">
                                receipt_long
                            </span>
                            <h3 class="text-lg font-semibold text-gray-900">PPD pagadas sin complemento</h3>
                            <p class="mt-1 text-sm text-gray-500">
                                Facturas PPD saldadas sin complemento de pago relacionado.
                            </p>
                        </div>
                        @if(session('auditoria_ppd_pagadas_sin_complemento_totales'))
                        <div class="px-5 pb-4 flex justify-center space-x-2">
                            <span class="bg-red-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_ppd_pagadas_sin_complemento_totales.totalError') }}</span>
                            <span class="bg-yellow-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_ppd_pagadas_sin_complemento_totales.totalAdvertencia') }}</span>
                            <span class="bg-green-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_ppd_pagadas_sin_complemento_totales.totalCorrecto') }}</span>
                        </div>
                        @endif
                    </a>

                    <!-- Auditoría: CP posterior a factura saldada -->
                    <a href="{{ route('auditorias.complementos-posteriores') }}" class="bg-white overflow-hidden shadow rounded-lg block group transform transition duration-300 hover:scale-105 hover:shadow-2xl">
                        <div class="p-5 flex flex-col items-center text-center">
                            <span class="material-icons text-orange-600 mb-4 transition-transform duration-300 group-hover:rotate-6 group-hover:scale-110" style="font-size: 3rem;">
                                schedule
                            </span>
                            <h3 class="text-lg font-semibold text-gray-900">Complementos de pago posteriores</h3>
                            <p class="mt-1 text-sm text-gray-500">
                                Valida que el complemento de pago no haya sido creado después de la factura saldada.
                            </p>
                        </div>
                        @if(session('auditoria_complementos_posteriores_totales'))
                        <div class="px-5 pb-4 flex justify-center space-x-2">
                            <span class="bg-red-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_complementos_posteriores_totales.totalError') }}</span>
                            <span class="bg-green-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_complementos_posteriores_totales.totalCorrecto') }}</span>
                        </div>
                        @endif
                    </a>

                    <!-- Auditoría: PPD sin método de pago 99 -->
                    <a href="{{ route('auditorias.ppd-sin-metodo-pago') }}" class="bg-white overflow-hidden shadow rounded-lg block group transform transition duration-300 hover:scale-105 hover:shadow-2xl">
                        <div class="p-5 flex flex-col items-center text-center">
                            <span class="material-icons text-indigo-600 mb-4 transition-transform duration-300 group-hover:rotate-6 group-hover:scale-110" style="font-size: 3rem;">
                                payment
                            </span>
                            <h3 class="text-lg font-semibold text-gray-900">PPD sin método de pago 99</h3>
                            <p class="mt-1 text-sm text-gray-500">
                                Identifica facturas PPD que no tienen el método de pago 99 por definir.
                            </p>
                        </div>
                        @if(session('auditoria_ppd_sin_metodo_pago_totales'))
                        <div class="px-5 pb-4 flex justify-center space-x-2">
                            <span class="bg-red-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_ppd_sin_metodo_pago_totales.totalError') }}</span>
                            <span class="bg-green-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_ppd_sin_metodo_pago_totales.totalCorrecto') }}</span>
                        </div>
                        @endif
                    </a>

                    <!-- Auditoría: Usos de CFDI -->
                    <a href="{{ route('auditorias.usos-cfdi') }}" class="bg-white overflow-hidden shadow rounded-lg block group transform transition duration-300 hover:scale-105 hover:shadow-2xl">
                        <div class="p-5 flex flex-col items-center text-center">
                            <span class="material-icons text-teal-600 mb-4 transition-transform duration-300 group-hover:rotate-6 group-hover:scale-110" style="font-size: 3rem;">
                                description
                            </span>
                            <h3 class="text-lg font-semibold text-gray-900">Usos de CFDI</h3>
                            <p class="mt-1 text-sm text-gray-500">
                                Valida que los CFDIs tengan usos permitidos (G01, G02, G03).
                            </p>
                        </div>
                        @if(session('auditoria_usos_cfdi_totales'))
                        <div class="px-5 pb-4 flex justify-center space-x-2">
                            <span class="bg-red-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_usos_cfdi_totales.totalError') }}</span>
                            <span class="bg-green-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_usos_cfdi_totales.totalCorrecto') }}</span>
                        </div>
                        @endif
                    </a>

                    <!-- Auditoría: Facturas recibidas en efectivo -->
                    <a href="{{ route('auditorias.facturas-recibidas-efectivo') }}" class="bg-white overflow-hidden shadow rounded-lg block group transform transition duration-300 hover:scale-105 hover:shadow-2xl">
                        <div class="p-5 flex flex-col items-center text-center">
                            <span class="material-icons text-lime-600 mb-4 transition-transform duration-300 group-hover:rotate-6 group-hover:scale-110" style="font-size: 3rem;">
                                attach_money
                            </span>
                            <h3 class="text-lg font-semibold text-gray-900">Facturas recibidas en efectivo</h3>
                            <p class="mt-1 text-sm text-gray-500">
                                Muestra las facturas recibidas cuyo método de pago es efectivo.
                            </p>
                        </div>
                        @if(session('auditoria_facturas_recibidas_efectivo_totales'))
                        <div class="px-5 pb-4 flex justify-center space-x-2">
                            <span class="bg-red-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_facturas_recibidas_efectivo_totales.totalError') }}</span>
                            <span class="bg-green-500 text-white text-xs px-2 py-1 rounded-full">{{ session('auditoria_facturas_recibidas_efectivo_totales.totalCorrecto') }}</span>
                        </div>
                        @endif
                    </a>

                </div>
            </div>
        </div>
    </div>
</div>
@endsection