@extends('layouts.app')



@section('title','Dashboard')

@section('content')


<div class="dashboard-wrapper">
    <div class="dashboard-container">
        <div class="dashboard-header">
    <h1 class="dashboard-title">
        Welcome, {{ auth()->user()->name }} 
    </h1>
    <p class="dashboard-subtitle">
        Manage your business operations efficiently
    </p>
</div>

        
      <div class="row g-4">
  <div class="col-lg-2 col-md-4 col-6">
        <a href="/inventory" class="dashboard-card card-primary w-100">
            <div class="card-icon-wrapper">
                <div class="card-icon">📦</div>
            </div>
            <div class="card-content">
                <div class="card-title">Inventory</div>
                <div class="card-description">Manage your stock and products</div>
                <span class="card-arrow">→</span>
            </div>
        </a>
    </div>

  <div class="col-lg-2 col-md-4 col-6">
        <a href="/brands" class="dashboard-card card-success w-100">
            <div class="card-icon-wrapper">
                <div class="card-icon">🏷️</div>
            </div>
            <div class="card-content">
                <div class="card-title">Brand</div>
                <div class="card-description">View and manage all brands</div>
                <span class="card-arrow">→</span>
            </div>
        </a>
    </div>

  <div class="col-lg-2 col-md-4 col-6">
        <a href="/brand-poc" class="dashboard-card card-primary w-100">
            <div class="card-icon-wrapper">
                <div class="card-icon">👤</div>
            </div>
            <div class="card-content">
                <div class="card-title">Brand POC</div>
                <div class="card-description">Manage contact persons</div>
                <span class="card-arrow">→</span>
            </div>
        </a>
    </div>

     <div class="col-lg-2 col-md-4 col-6">
        <a href="/requirements" class="dashboard-card card-success w-100">
            <div class="card-icon-wrapper">
                <div class="card-icon">📋</div>
            </div>
            <div class="card-content">
                <div class="card-title">Requirement</div>
                <div class="card-description">Track all requirements</div>
                <span class="card-arrow">→</span>
            </div>
        </a>
    </div>
    
  <div class="col-lg-2 col-md-4 col-6">
    <a href="{{ route('opportunities.index') }}" class="dashboard-card card-primary w-100">
        <div class="card-icon-wrapper">
            <div class="card-icon">🎯</div>
        </div>
        <div class="card-content">
            <div class="card-title">Opportunities</div>
            <div class="card-description">Matched Inventory & Requirements</div>
            <span class="card-arrow">→</span>
        </div>
    </a>
</div>

</div>

    </div>
</div>
@endsection