@extends('backEnd.layouts.master')
@section('title', 'Social Automation Dashboard')

@section('content')
<div class="container-fluid py-3">
    <div class="mb-3">
        <h4 class="fw-bold mb-0"><i class="fab fa-facebook me-2 text-primary"></i>Social Automation Dashboard</h4>
        <small class="text-muted">WhatsApp, SMS, leads and ads at a glance</small>
    </div>

    <div class="row g-3 mb-4">
        <div class="col-md-3">
            <div class="card border-0 shadow-sm text-center p-3">
                <div class="fs-2 fw-bold text-danger">{{ $stats['leads_new'] }}</div>
                <div class="text-muted small">New Leads</div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-0 shadow-sm text-center p-3">
                <div class="fs-2 fw-bold text-primary">{{ $stats['leads_total'] }}</div>
                <div class="text-muted small">Total Leads</div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-0 shadow-sm text-center p-3">
                <div class="fs-2 fw-bold text-success">{{ $stats['orders_today'] }}</div>
                <div class="text-muted small">Orders Today</div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-0 shadow-sm text-center p-3">
                <div class="fs-2 fw-bold text-warning">{{ $stats['orders_pending'] }}</div>
                <div class="text-muted small">Pending Orders</div>
            </div>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-md-4">
            <a href="{{ route('admin.social.whatsapp') }}" class="card shadow-sm border-0 text-decoration-none h-100">
                <div class="card-body">
                    <h6 class="fw-bold text-success"><i class="fab fa-whatsapp me-2"></i>WhatsApp Templates</h6>
                    <p class="text-muted small mb-0">Order placed, shipped, delivered message templates</p>
                </div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="{{ route('admin.social.sms-auto') }}" class="card shadow-sm border-0 text-decoration-none h-100">
                <div class="card-body">
                    <h6 class="fw-bold text-info"><i class="fas fa-sms me-2"></i>SMS Automation</h6>
                    <p class="text-muted small mb-0">Auto SMS on order status changes</p>
                </div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="{{ route('admin.leads.index') }}" class="card shadow-sm border-0 text-decoration-none h-100">
                <div class="card-body">
                    <h6 class="fw-bold text-primary"><i class="fas fa-inbox me-2"></i>Message Inbox / Leads</h6>
                    <p class="text-muted small mb-0">Follow up with visitors who did not order</p>
                </div>
            </a>
        </div>
        @if(\App\Support\SanafWorld::canManageGlobalAi(auth()->user()))
        <div class="col-md-4">
            <a href="{{ route('admin.ai.config') }}" class="card shadow-sm border-0 text-decoration-none h-100">
                <div class="card-body">
                    <h6 class="fw-bold text-dark"><i class="fas fa-robot me-2"></i>Global AI</h6>
                    <p class="text-muted small mb-0">Gemini API key, model &amp; order AI Fill settings</p>
                </div>
            </a>
        </div>
        @endif
        <div class="col-md-4">
            <a href="{{ route('admin.social.ads') }}" class="card shadow-sm border-0 text-decoration-none h-100">
                <div class="card-body">
                    <h6 class="fw-bold text-primary"><i class="fas fa-bullhorn me-2"></i>Ad Management</h6>
                    <p class="text-muted small mb-0">Pixels, CAPI, campaign analytics & UTM attribution</p>
                </div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="{{ route('admin.settings.others', ['tab' => 'pixel']) }}" class="card shadow-sm border-0 text-decoration-none h-100">
                <div class="card-body">
                    <h6 class="fw-bold text-primary"><i class="fab fa-facebook me-2"></i>Pixel & Tracking</h6>
                    <p class="text-muted small mb-0">Facebook Pixel and Google Analytics</p>
                </div>
            </a>
        </div>
    </div>
</div>
@endsection