<div class="my-4">

    <!-- General error section -->
    @if (session('error'))
        <div class="relative mt-6 rounded border border-red-400 bg-red-100 px-4 py-3 text-red-700" role="alert">
            <strong class="font-bold">Error!</strong>
            <span class="block sm:inline">{{ session('error') }}</span>
        </div>
    @endif

    <!-- Single Report Component -->
    <div class="relative mb-20 mt-6 w-full min-w-full leading-normal">
        <div class="absolute left-0 top-0 my-1" wire:loading>
            <x-mini-button flat icon="" primary rounded spinner /> <span> {{ __('Loading...') }} </span>
        </div>
    </div>

    <!-- Single Report Results -->
    @livewire('single-report')

</div>