@extends('crm.layouts.master')
@section('title','WhatsApp Messages')
@section('main-content')
    <div class="breadcrumb">
        <h3>WhatsApp Messages</h3>
    </div>
    <div class="separator-breadcrumb border-top"></div>
    <div class="card">
        <div class="card-body text-center py-5 px-4">
            <div class="d-inline-flex align-items-center justify-content-center rounded-circle mb-3"
                 style="width:72px;height:72px;background:color-mix(in srgb, var(--bs-primary, #7c69ef) 14%, transparent);color:var(--bs-primary, #7c69ef);font-size:2rem;">
                <i class="ti ti-brand-whatsapp"></i>
            </div>
            <h3 class="mb-2">Coming soon</h3>
            <p class="text-muted mb-0 mx-auto" style="max-width:420px;">
                WhatsApp messages are not available yet. This section will open here when it is ready.
            </p>
        </div>
    </div>
@endsection