@extends('layouts.admin')

@section('title', 'Marketing & Promoção')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Marketing & Promoção</h1>
</div>

<div class="row">
    <!-- Card Banners -->
    <div class="col-xl-4 col-md-6 mb-4">
        <div class="card border-left-primary shadow h-100 py-2">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col me-2">
                        <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                            Destaques do Site</div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">Gerenciar Banners</div>
                        <p class="small text-muted mt-2">Crie banners rotativos para a página inicial para promover novidades e ofertas.</p>
                        <a href="{{ route('admin.marketing.banners.index') }}" class="btn btn-sm btn-primary">Acessar</a>
                    </div>
                    <div class="col-auto">
                        <i class="bi bi-images text-gray-300"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Card Promoção de Produtos -->
    <div class="col-xl-4 col-md-6 mb-4">
        <div class="card border-left-success shadow h-100 py-2">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col me-2">
                        <div class="text-xs font-weight-bold text-success text-uppercase mb-1">
                            Vendas Rápidas</div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">Promover Produtos</div>
                        <p class="small text-muted mt-2">Gere links de compartilhamento para WhatsApp e Redes Sociais com mensagens prontas.</p>
                        <a href="{{ route('admin.marketing.promote.products') }}" class="btn btn-sm btn-success">Acessar</a>
                    </div>
                    <div class="col-auto">
                        <i class="bi bi-share text-gray-300"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Card Promoção de Serviços -->
    <div class="col-xl-4 col-md-6 mb-4">
        <div class="card border-left-warning shadow h-100 py-2">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col me-2">
                        <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
                            Atrair Clientes</div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">Promover Serviços</div>
                        <p class="small text-muted mt-2">Promova seus serviços especializados e atraia novas solicitações de orçamento.</p>
                        <a href="{{ route('admin.marketing.promote.services') }}" class="btn btn-sm btn-warning text-white">Acessar</a>
                    </div>
                    <div class="col-auto">
                        <i class="bi bi-bell text-gray-300"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Card E-mail Marketing -->
    <div class="col-xl-4 col-md-6 mb-4">
        <div class="card border-left-danger shadow h-100 py-2">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col me-2">
                        <div class="text-xs font-weight-bold text-danger text-uppercase mb-1">
                            Fidelização</div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">E-mail Marketing</div>
                        <p class="small text-muted mt-2">Envie promoções, novidades e ofertas personalizadas para todos os seus clientes por e-mail.</p>
                        <a href="{{ route('admin.marketing.email') }}" class="btn btn-sm btn-danger shadow-sm">Configurar Disparo</a>
                    </div>
                    <div class="col-auto">
                        <i class="bi bi-envelope-open text-gray-300"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Card Visitantes -->
    <div class="col-xl-4 col-md-6 mb-4">
        <div class="card border-left-dark shadow h-100 py-2">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col me-2">
                        <div class="text-xs font-weight-bold text-dark text-uppercase mb-1">
                            Geolocalização</div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">Análise de Visitantes</div>
                        <p class="small text-muted mt-2">Visualize de quais cidades e países as pessoas estão acessando o seu site em tempo real.</p>
                        <a href="{{ route('admin.marketing.analytics') }}" class="btn btn-sm btn-dark shadow-sm">Ver Relatórios</a>
                    </div>
                    <div class="col-auto">
                        <i class="bi bi-geo-alt text-gray-300"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Card SEO -->
    <div class="col-xl-4 col-md-6 mb-4">
        <div class="card border-left-info shadow h-100 py-2">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col me-2">
                        <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
                            Visibilidade</div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">Configurações de SEO</div>
                        <p class="small text-muted mt-2">Ajuste as meta-tags globais do site para melhorar o ranqueamento no Google.</p>
                        <a href="{{ route('admin.settings.index') }}#seo" class="btn btn-sm btn-info">Configurar</a>
                    </div>
                    <div class="col-auto">
                        <i class="bi bi-search text-gray-300"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Promoção SysCRM -->
<div class="card shadow mb-4 border-bottom-primary overflow-hidden">
    <div class="row no-gutters">
        <div class="col-md-4 bg-primary d-flex align-items-center justify-content-center p-5">
            <div class="text-center text-white">
                <i class="bi bi-people mb-3"></i>
                <h2 class="font-weight-bold">SysCRM</h2>
                <p class="lead">Gestão de Relacionamento</p>
            </div>
        </div>
        <div class="col-md-8">
            <div class="card-body p-5">
                <h3 class="font-weight-bold text-primary mb-3">Potencialize suas vendas com o SysCRM</h3>
                <p class="text-muted lead">Integre sua estratégia de marketing com a melhor ferramenta de gestão de clientes. O SysCRM permite que você acompanhe cada lead gerado pelo seu site, organize seu funil de vendas e nunca perca um negócio.</p>
                <ul class="list-unstyled mb-4">
                    <li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i> Funil de Vendas Visual e Intuitivo</li>
                    <li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i> Gestão de Contatos e Histórico Completo</li>
                    <li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i> Automação de Tarefas e Lembretes</li>
                    <li><i class="bi bi-check-circle text-success me-2"></i> Integração Direta com seu Site</li>
                </ul>
                <div class="d-flex gap-3">
                    <a href="https://syscrm.syspanel.com.br" target="_blank" class="btn btn-primary btn-lg px-5 shadow-sm">
                        <i class="bi bi-box-arrow-up-right me-2"></i> Conhecer o SysCRM
                    </a>
                    <a href="https://wa.me/5535992261684?text=Olá! Tenho interesse no SysCRM." target="_blank" class="btn btn-success btn-lg px-5 shadow-sm">
                         <i class="bi bi-whatsapp me-2"></i> Tenho Interesse
                     </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Dicas de Marketing</h6>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-6">
                <h5 class="font-weight-bold"><i class="bi bi-whatsapp text-success me-2"></i> WhatsApp Marketing</h5>
                <p>Use a ferramenta de <strong>Promover Produtos</strong> para enviar ofertas personalizadas aos seus clientes. Uma mensagem com foto e link direto aumenta em 40% a chance de conversão.</p>
            </div>
            <div class="col-md-6">
                <h5 class="font-weight-bold"><i class="bi bi-megaphone text-primary me-2"></i> Banners Estratégicos</h5>
                <p>Mantenha sempre pelo menos 2 banners ativos: um com um produto em destaque e outro com um serviço ou diferencial da sua empresa (ex: "Orçamento Grátis").</p>
            </div>
        </div>
    </div>
</div>
@endsection