@extends('master-user')

@section('title', 'Dashboard')

@section('content_header')
    <h1 class="text-2xl font-bold text-gray-800 mb-2">{{ $businessInfo->name }} - Dashboard</h1>
@stop

@section('content')
<section class="py-6 bg-gray-50">
    <div class="container mx-auto px-4">
        <div class="mb-4">
            @if(session('success'))
                <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-2" role="alert">
                    {{ session('success') }}
                </div>
            @elseif(session('error'))
                <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-2" role="alert">
                    {{ session('error') }}
                </div>
            @endif
            @if(!$businessInfo->is_verified)
                <div class="bg-yellow-100 border border-yellow-400 text-yellow-800 px-4 py-3 rounded flex items-center justify-between mb-2" role="alert">
                    <span>{{ __('Your business is not yet verified. Please wait till it gets verified. Thanks for your patience!') }}</span>
                    <button onclick="location.href='{{ route('business.view') }}'" class="ml-4 px-3 py-1 bg-yellow-400 text-white rounded text-xs">View</button>
                </div>
            @endif
        </div>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
            <div class="bg-white rounded-lg shadow p-6 flex flex-col items-center">
                <div class="text-blue-600 text-3xl font-bold mb-2">{{ $businessInfo->short_url_count ?? 0 }}</div>
                <div class="text-gray-600">Total Short URLs</div>
            </div>
            <div class="bg-white rounded-lg shadow p-6 flex flex-col items-center">
                <div class="text-green-600 text-3xl font-bold mb-2">{{ $businessInfo->total_visits ?? 0 }}</div>
                <div class="text-gray-600">Total Visits</div>
            </div>
            <div class="bg-white rounded-lg shadow p-6 flex flex-col items-center">
                <div class="text-indigo-600 text-3xl font-bold mb-2">{{ $businessInfo->credit_balance ?? 0 }}</div>
                <div class="text-gray-600">Short URL Credits</div>
            </div>
        </div>
        <div class="bg-white rounded-lg shadow p-6">
            <div class="flex items-center justify-between mb-4">
                <h2 class="text-lg font-semibold text-gray-800">Recent Short URLs</h2>
                <a href="{{ route('user.shorturl.list') }}" class="text-blue-600 hover:underline text-sm">View All</a>
            </div>
            <div class="overflow-x-auto">
                <table class="min-w-full divide-y divide-gray-200">
                    <thead>
                        <tr>
                            <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">Short URL</th>
                            <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">Full URL</th>
                            <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">Visits</th>
                            <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">Created</th>
                        </tr>
                    </thead>
                    <tbody class="bg-white divide-y divide-gray-200">
                        @if(!empty($businessInfo->recent_short_urls) && count($businessInfo->recent_short_urls))
                            @foreach($businessInfo->recent_short_urls as $url)
                                <tr>
                                    <td class="px-4 py-2 text-blue-600"><a href="{{ url('/' . ($url->header ? $url->header . '/' : '') . $url->short_key) }}" target="_blank" class="hover:underline">{{ url('/' . ($url->header ? $url->header . '/' : '') . $url->short_key) }}</a></td>
                                    <td class="px-4 py-2 truncate max-w-xs" title="{{ $url->full_url }}">{{ Str::limit($url->full_url, 40) }}</td>
                                    <td class="px-4 py-2">{{ $url->visit_count }}</td>
                                    <td class="px-4 py-2">{{ $url->created_at->format('d M Y') }}</td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="4" class="px-4 py-2 text-center text-gray-400">No short URLs found.</td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</section>
@stop

@section('css')
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
@stop

@section('js')
    {{-- Optionally add dashboard JS here --}}
@stop