@extends('layouts.dashboard')

@section('title', 'Columbus 17 | Dashboard')

@section('content')
<div class="p-10 w-10/12 m-auto mt-[76px] flex flex-col space-y-12">
    <div>
        <p class="text-3xl">Welcome to Columbus 17 Dashboard, {{ auth()->user()->name }}!</p>
    </div>
    <div class="rounded-md bg-white p-6">
        <p class="font-bold text-lg">Find and Get Started with Your First Product!</p>
    </div>
    <div class="flex flex-col space-y-4">
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div class="flex flex-col shadow-inner shadow-blue-700 rounded-md bg-white p-6 flex flex-col space-y-4 justify-between text-blue-900">
                <p class="text-2xl font-medium">Find Hidden Amazon Opportunities Instantly</p>
                <p>Discover untapped, high-potential products with advanced filters and real-time market insights.</p>
                <a class="text-blue-500 text-sm font-bold" href="{{ route('dashboard.black-box') }}" target="blank">Go to Black Box</a>
            </div>
            <div class="flex flex-col shadow-inner shadow-blue-700 rounded-md bg-white p-6 flex flex-col space-y-4 justify-between text-blue-900">
                <p class="text-2xl font-medium">Analyze Your Competitors in Seconds</p>
                <p>Track rival ASINs, pricing, and performance to stay ahead in every niche.</p>
                <a class="text-blue-500 text-sm font-bold" href="{{ route('dashboard.rivals') }}" target="blank">Go to Rivals</a>
            </div>
            <div class="flex flex-col shadow-inner shadow-blue-700 rounded-md bg-white p-6 flex flex-col space-y-4 justify-between text-blue-900">
                <p class="text-2xl font-medium">Master Keyword Research Like a Pro</p>
                <p>Find powerful, high-converting keywords that boost your product visibility and sales.</p>
                <a class="text-blue-500 text-sm font-bold" href="{{ route('dashboard.hero') }}" target="blank">Go to Hero</a>
            </div>
            <div class="flex flex-col shadow-inner shadow-blue-700 rounded-md bg-white p-6 flex flex-col space-y-4 justify-between text-blue-900">
                <p class="text-2xl font-medium">Monitor ASIN Performance Over Time</p>
                <p>Track price changes, BSR trends, and key product metrics — all in one place.</p>
                <a class="text-blue-500 text-sm font-bold" href="{{ route('analytics.asin-tracker') }}" target="blank">Go to ASIN Tracker</a>
            </div>
        </div>
        <div class="flex flex-col space-y-4">
            <most-sold-products/>
        </div>
        <div class="flex space-x-4">
            <asins-added-to-dashboard/>
        </div>
        <div class="flex space-x-4">
            <best-selling-categories/>
        </div>
    </div>
</div>
@endsection