| Server IP : 139.59.63.204 / Your IP : 216.73.217.62 Web Server : Apache/2.4.58 (Ubuntu) System : Linux ubuntu-s-1vcpu-1gb-blr1-01 6.8.0-110-generic #110-Ubuntu SMP PREEMPT_DYNAMIC Thu Mar 19 15:09:20 UTC 2026 x86_64 User : root ( 0) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/customerportal/resources/views/ |
Upload File : |
<x-app-layout>
<x-slot name="header">
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
{{ __('Dashboard') }}
</h2>
</x-slot>
<div class="py-12">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
<div class="p-6 text-gray-900">
{{ __("Welcome Back") }} <strong>{{ Auth::user()->name }}</strong> !
</div>
</div>
</div>
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8 py-12">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<a href="{{ route('products.register') }}">
<div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl border-0 shadow-xl bg-white/80 backdrop-blur-sm hover:shadow-2xl transition-all duration-300 cursor-pointer group">
<div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 pt-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-4">
<div class="flex items-center gap-4">
<div class="bg-gradient-to-br from-emerald-500 to-teal-600 p-4 rounded-xl group-hover:scale-110 transition-transform duration-200">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-6 w-6 text-white" aria-hidden="true">
<path d="M5 12h14"></path>
<path d="M12 5v14"></path>
</svg>
</div>
<div>
<h4 data-slot="card-title" class="text-lg group-hover:text-cyan-600 transition-colors">Register Product</h4>
<p data-slot="card-description" class="text-muted-foreground mt-1">Add a new product using your invoice</p>
</div>
</div>
</div>
<div data-slot="card-content" class="px-6 pb-25">
<button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 h-9 px-4 py-2 has-[>svg]:px-3 w-full bg-gradient-to-r from-cyan-500 to-blue-600 text-white rounded-xl hover:from-cyan-600 hover:to-blue-700 transition-all duration-200">Get Started</button>
</div>
</div>
</a>
<a href="{{ route('products') }}">
<div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl border-0 shadow-xl bg-white/80 backdrop-blur-sm hover:shadow-2xl transition-all duration-300 cursor-pointer group">
<div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 pt-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-4">
<div class="flex items-center gap-4">
<div class="bg-gradient-to-br from-blue-500 to-cyan-600 p-4 rounded-xl group-hover:scale-110 transition-transform duration-200">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package h-6 w-6 text-white" aria-hidden="true">
<path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path>
<path d="M12 22V12"></path>
<polyline points="3.29 7 12 12 20.71 7"></polyline>
<path d="m7.5 4.27 9 5.15"></path>
</svg>
</div>
<div>
<h4 data-slot="card-title" class="text-lg group-hover:text-cyan-600 transition-colors">My Products</h4>
<p data-slot="card-description" class="text-muted-foreground mt-1">View all your registered pool products</p>
</div>
</div>
</div>
<div data-slot="card-content" class="px-6 pb-25">
<button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 h-9 px-4 py-2 has-[>svg]:px-3 w-full bg-gradient-to-r from-cyan-500 to-blue-600 text-white rounded-xl hover:from-cyan-600 hover:to-blue-700 transition-all duration-200">Get Started</button>
</div>
</div>
</a>
<a href="{{ route('products') }}">
<div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl border-0 shadow-xl bg-white/80 backdrop-blur-sm hover:shadow-2xl transition-all duration-300 cursor-pointer group">
<div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 pt-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-4">
<div class="flex items-center gap-4">
<div class="bg-gradient-to-br from-amber-500 to-orange-600 p-4 rounded-xl group-hover:scale-110 transition-transform duration-200">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-6 w-6 text-white" aria-hidden="true">
<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path>
<path d="M14 2v4a2 2 0 0 0 2 2h4"></path>
<path d="M10 9H8"></path>
<path d="M16 13H8"></path>
<path d="M16 17H8"></path>
</svg>
</div>
<div>
<h4 data-slot="card-title" class="text-lg group-hover:text-cyan-600 transition-colors">Raise Replacement Request</h4>
<p data-slot="card-description" class="text-muted-foreground mt-1">Submit a product replacement request</p>
</div>
</div>
</div>
<div data-slot="card-content" class="px-6 pb-25">
<button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 h-9 px-4 py-2 has-[>svg]:px-3 w-full bg-gradient-to-r from-cyan-500 to-blue-600 text-white rounded-xl hover:from-cyan-600 hover:to-blue-700 transition-all duration-200">Get Started</button>
</div>
</div>
</a>
<a href="{{ route('tickets') }}">
<div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl border-0 shadow-xl bg-white/80 backdrop-blur-sm hover:shadow-2xl transition-all duration-300 cursor-pointer group">
<div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 pt-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-4">
<div class="flex items-center gap-4">
<div class="bg-gradient-to-br from-purple-500 to-indigo-600 p-4 rounded-xl group-hover:scale-110 transition-transform duration-200">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity h-6 w-6 text-white" aria-hidden="true">
<path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path>
</svg>
</div>
<div>
<h4 data-slot="card-title" class="text-lg group-hover:text-cyan-600 transition-colors">Track Requests</h4>
<p data-slot="card-description" class="text-muted-foreground mt-1">Monitor your replacement request status</p>
</div>
</div>
</div>
<div data-slot="card-content" class="px-6 pb-25">
<button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 h-9 px-4 py-2 has-[>svg]:px-3 w-full bg-gradient-to-r from-cyan-500 to-blue-600 text-white rounded-xl hover:from-cyan-600 hover:to-blue-700 transition-all duration-200">Get Started</button>
</div>
</div>
</a>
</div>
<div class="mt-8 grid grid-cols-1 md:grid-cols-4 gap-6">
<div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl border-0 shadow-lg bg-white/60 backdrop-blur-sm">
<div data-slot="card-content" class="[&:last-child]:pb-6 p-6 text-center">
<div class="text-2xl font-bold text-cyan-600">2</div>
<div class="text-sm text-gray-600">Registered Products</div>
</div>
</div>
<div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl border-0 shadow-lg bg-white/60 backdrop-blur-sm">
<div data-slot="card-content" class="[&:last-child]:pb-6 p-6 text-center">
<div class="text-2xl font-bold text-emerald-600">1</div>
<div class="text-sm text-gray-600">Active Warranties</div>
</div>
</div>
<div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl border-0 shadow-lg bg-white/60 backdrop-blur-sm">
<div data-slot="card-content" class="[&:last-child]:pb-6 p-6 text-center">
<div class="text-2xl font-bold text-amber-600">1</div>
<div class="text-sm text-gray-600">Pending Requests</div>
</div>
</div>
<div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl border-0 shadow-lg bg-white/60 backdrop-blur-sm">
<div data-slot="card-content" class="[&:last-child]:pb-6 p-6 text-center">
<div class="text-2xl font-bold text-amber-600">2</div>
<div class="text-sm text-gray-600">Orders</div>
</div>
</div>
</div>
</div>
</div>
</x-app-layout>