{# app/templates/vendor/customers.html #}
{% extends "vendor/base.html" %}

{% block title %}Customers{% endblock %}

{% block alpine_data %}data(){% endblock %}

{% block content %}
<div class="flex items-center justify-between my-6">
    <h2 class="text-2xl font-semibold text-gray-700 dark:text-gray-200">
        Customers
    </h2>
</div>

<!-- Coming Soon Notice -->
<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xs">
    <div class="w-full p-12 bg-white dark:bg-gray-800 text-center">
        <div class="text-6xl mb-4">👥</div>
        <h3 class="text-xl font-semibold text-gray-700 dark:text-gray-200 mb-2">
            Customer Management Coming Soon
        </h3>
        <p class="text-gray-600 dark:text-gray-400 mb-6">
            This page is under development. You'll be able to manage your customers here.
        </p>
        <a href="/vendor/{{ vendor_code }}/dashboard"
           class="inline-flex items-center px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
            Back to Dashboard
        </a>
    </div>
</div>
{% endblock %}