{% extends '@CanaryCMS/layout.html.twig' %}
{% set html_title = newEntry ? 'New Customer' : customer.firstName ~ ' ' ~ customer.lastName %}

{% block content %}
    {% canary_form_theme form %}
    {{ form_start(form) }}
        <div class="cms-main-breadcrumbs">
            <div class="cms-main-breadcrumbs-item">
                <a href="{{ path('app_cms_orders_customers_index') }}" class="cms-main-breadcrumbs-link">Customers</a>
            </div>
        </div>

        <div class="cms-main-header">
            <h1 class="cms-main-title">{{ html_title }}</h1>
            <div class="cms-main-header-action">
                <button type="submit" class="btn btn-primary">Save</button>
            </div>
        </div>

        <div class="row">
            <div class="col-md-8 cms-main-content">
                <div class="panel">
                    <div class="panel-content">

                        <nav class="panel-tabs list-group" role="tablist">
                            <a class="panel-tabs-item active" data-toggle="tab" href="#account" role="tab">
                                Account
                            </a>
                            <a class="panel-tabs-item" data-toggle="tab" href="#profile" role="tab">
                                Contact Details
                            </a>
                        </nav>

                        <div class="panel-tabs-content">
                            <div class="panel-tabs-pane active" id="account" role="tabpanel">
                                <div class="row">
                                    <div class="col-md-6">{{ form_row(form.firstName) }}</div>
                                    <div class="col-md-6">{{ form_row(form.lastName) }}</div>
                                </div>
                                {{ form_row(form.email) }}
                                {{ form_row(form.abn) }}
                                {{ form_row(form.customerCode) }}
                                {{ form_row(form.plainPassword) }}
                            </div>
                            <div class="panel-tabs-pane" id="profile" role="tabpanel">
                                {{ form_row(form.company) }}
                                {{ form_row(form.address) }}
                                {{ form_row(form.suburb) }}
                                {{ form_row(form.postcode) }}
                                {{ form_row(form.state) }}
                                {{ form_row(form.country) }}
                                {{ form_row(form.phoneNumber) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 cms-main-sidebar">
                {% if not newEntry %}
                    <div class="panel panel-muted">
                        <div class="panel-meta">
                            <div class="panel-meta-row">
                                <div class="panel-meta-row-title">Date Created</div>
                                <div class="panel-meta-row-content">{{ customer.createdAt|canary_datetime }}</div>
                            </div>
                            <div class="panel-meta-row">
                                <div class="panel-meta-row-title">Last Login</div>
                                <div class="panel-meta-row-content">
                                    {% if customer.lastLogin %}
                                        {{ customer.lastLogin|date('j/m/Y, g:ia', 'Australia/Melbourne') }}
                                    {% else %}
                                        Never
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    </div>
                {% endif %}
            </div>
        </div>
    {{ form_end(form) }}
{% endblock %}