@extends('layouts.app')

@section('content')
    <div class="container mt-5">
        <!-- Welcome -->
        <div class="text-center mb-4">
            <h2>👋 Welcome, {{ Auth::user()->name }}!</h2>
            <p class="text-muted">Your LegalMate personal assistant</p>
            <p>
                Subscription:
                @if(Auth::user()->subscription_level === 'free')
                    <span class="badge bg-secondary">Free Plan</span>
                @elseif(Auth::user()->subscription_level === 'pro')
                    <span class="badge bg-success">Pro Plan</span>
                @elseif(Auth::user()->subscription_level === 'premium')
                    <span class="badge bg-warning text-dark">Premium Plan</span>
                @endif
            </p>
        </div>
        @if($user->subscription_level === 'free')
            <div class="alert alert-warning mt-3">
                <div class="card-body">
                    <h5 class="card-title text-warning">⚠️ Free Plan Usage</h5>
                    <p class="card-text">📄 Document Analyses: <strong>{{ $analysisCount }}/3</strong></p>
                    <p class="card-text">📝 Document Generations: <strong>{{ $generationCount }}/1</strong></p>

                    <form action="{{ route('upgrade') }}" method="POST" class="d-inline">
                        @csrf
                        <input type="hidden" name="plan" value="pro">
                        <button type="submit" class="btn btn-sm btn-success">Upgrade to Pro</button>
                    </form>

                    <a href="{{ route('pricing') }}" class="btn btn-sm btn-outline-dark ms-2">See All Plans</a>
                </div>
            </div>
        @endif

        <!-- Feature Cards -->
        <div class="row text-center mb-5">
            <!-- Document Analyzer -->
            <div class="col-md-4 mb-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body">
                        <div class="mb-3">
                            <i class="bi bi-search text-primary fs-1"></i>
                        </div>
                        <h5 class="card-title">Document Analyzer</h5>
                        <p class="card-text text-muted">Upload a legal document to summarize, flag risks, or ask specific questions.</p>
                        <a href="{{ route('analyze') }}" class="btn btn-primary">Analyze Now</a>
                    </div>
                </div>
            </div>

            <!-- Document Generator -->
            <div class="col-md-4 mb-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body">
                        <div class="mb-3">
                            <i class="bi bi-file-earmark-text text-success fs-1"></i>
                        </div>
                        <h5 class="card-title">Document Generator</h5>
                        <p class="card-text text-muted">Generate contracts, NDAs, and more — customized with your details in seconds.</p>
                        <a href="{{ route('generator.index') }}" class="btn btn-success">Generate Document</a>
                    </div>
                </div>
            </div>

            <!-- Document History -->
            <div class="col-md-4 mb-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body">
                        <div class="mb-3">
                            <i class="bi bi-clock-history text-warning fs-1"></i>
                        </div>
                        <h5 class="card-title">My History</h5>
                        <p class="card-text text-muted">Review your previously analyzed and generated documents anytime.</p>
                        <a href="{{ route('history') }}" class="btn btn-warning text-dark">View History</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Usage Stats -->
        <div class="row text-center mt-4">
            <!-- Documents Analyzed -->
            <div class="col-md-6 mb-3">
                <div class="card text-white bg-primary shadow-sm h-100">
                    <div class="card-body">
                        <i class="bi bi-search fs-1 mb-3"></i>
                        <h5 class="card-title">Documents Analyzed</h5>
                        <p class="display-6 fw-bold">{{ Auth::user()->analyzerUsageCount() }}</p>
                        <p class="text-white-50 mb-0">in {{ now()->format('F') }}</p>
                    </div>
                </div>
            </div>

            <!-- Documents Generated -->
            <div class="col-md-6 mb-3">
                <div class="card text-white bg-success shadow-sm h-100">
                    <div class="card-body">
                        <i class="bi bi-file-earmark-check fs-1 mb-3"></i>
                        <h5 class="card-title">Documents Generated</h5>
                        <p class="display-6 fw-bold">{{ Auth::user()->generatorUsageCount() }}</p>
                        <p class="text-white-50 mb-0">in {{ now()->format('F') }}</p>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <div class="text-center mt-4">
        <a href="{{ route('pricing') }}" class="btn btn-outline-dark">💳 View Plans & Upgrade</a>
    </div>

@endsection