{% extends 'admin/layout/base.twig' %}
{% block title %}Add Customer - {{ app_name }}{% endblock %}
{% block content %}
<div class="op-page-header">
    <div>
        <h1>Add Customer</h1>
        <p class="op-page-subtitle">Create a new customer profile to associate payments, invoices, and refunds.</p>
    </div>
    <a href="/admin/customers" class="op-btn op-btn-outline">← Back</a>
</div>
<div class="op-card" style="max-width:640px">
    <div class="op-card-header"><h3>Customer Details</h3></div>
    <div class="op-card-body">
        <form method="POST" action="/admin/customers/store" class="op-form">
            <input type="hidden" name="_csrf_token" value="{{ csrf_token }}">
            <div class="op-form-group">
                <label>Name *</label>
                <input type="text" name="name" class="op-input" required placeholder="Full name">
            </div>
            <div class="op-form-group">
                <label>Email *</label>
                <input type="email" name="email" class="op-input" required placeholder="email@example.com">
            </div>
            <div class="op-form-group">
                <label>Phone</label>
                <input type="text" name="phone" class="op-input" placeholder="+880XXXXXXXXXX">
            </div>
            <div class="op-form-actions">
                <button type="submit" class="op-btn op-btn-primary">Add Customer</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}