34 lines
1.8 KiB
PHP
34 lines
1.8 KiB
PHP
<div class="text-center py-16" x-data="{ loading: true }">
|
|
<!-- Skeleton Loading -->
|
|
<template x-if="loading">
|
|
<div class="animate-pulse">
|
|
<div class="w-24 h-24 bg-gray-200 rounded-full mx-auto mb-6"></div>
|
|
<div class="h-6 bg-gray-200 rounded w-48 mx-auto mb-2"></div>
|
|
<div class="h-4 bg-gray-200 rounded w-64 mx-auto mb-6"></div>
|
|
<div class="h-12 bg-gray-200 rounded w-32 mx-auto"></div>
|
|
</div>
|
|
</template>
|
|
|
|
<!-- Actual Empty Cart Content -->
|
|
<template x-if="!loading">
|
|
<div>
|
|
<div class="w-24 h-24 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-6">
|
|
<svg class="w-12 h-12 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M3 3h2l.4 2M7 13h10l4-8H5.4m0 0L7 13m0 0l-2.5 5M7 13l2.5 5m6-5v6a2 2 0 01-2 2H9a2 2 0 01-2-2v-6m8 0V9a2 2 0 00-2-2H9a2 2 0 00-2 2v4.01">
|
|
</path>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold text-gray-800 mb-2">{{ __('Giỏ hàng trống') }}</h3>
|
|
<p class="text-gray-600 mb-6">{{ __('Bạn chưa có sản phẩm nào trong giỏ hàng.') }}</p>
|
|
<a href="{{ route('shop') }}"
|
|
class="inline-flex items-center px-6 py-3 bg-blue-600 text-white font-medium rounded-lg hover:bg-blue-700 transition-colors">
|
|
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
|
|
</svg>
|
|
{{ __('Mua sản phẩm') }}
|
|
</a>
|
|
</div>
|
|
</template>
|
|
</div>
|