{% extends "_layouts/cp" %}
{% import "_includes/forms" as forms %}
{% import "market/vendors/_fields" as vendorFields %}

{% set fullPageForm = true %}
{% set saveShortcutRedirect = continueEditingUrl %}
{% set retainScrollOnSaveShortcut = true %}
{% set selectedSubnavItem = 'vendors' %}
{#{% do view.setIsDeltaRegistrationActive(true) %}#}

{% set isNewVendor = vendor.id ? false : true %}

{% set formActions = [
    {
        label: 'Save and continue editing'|t('app'),
        redirect: continueEditingUrl|hash,
        shortcut: true,
        retainScroll: true,
    },
    {
        label: 'Save and add another'|t('app'),
        redirect: nextVendorUrl|hash,
        shortcut: true,
        shift: true,
    },
    not isNewVendor ? {
        destructive: true,
        label: 'Delete vendor'|t('market'),
        action: 'market/vendors/delete-vendor',
        redirect: 'market/vendors#'|hash,
        confirm: 'Are you sure you want to delete this vendor?'|t('market'),
    }
]|filter %}

{% block header %}
    <div class="flex flex-nowrap">
        {{ block('pageTitle') }}
        {{ block('contextMenu') }}
    </div>
    <div class="flex">
        {% if showPreviewBtn or shareUrl is defined %}
            <div class="btngroup">
                {% if showPreviewBtn %}
                    <button type="button" class="btn livepreviewbtn" data-icon="view">{{ "Preview"|t('app') }}</button>
                {% endif %}
                {% if shareUrl is defined %}
                    <a href="{{ shareUrl }}" class="btn sharebtn" data-icon="share" rel="noopener" target="_blank">{{ 'View'|t('app') }}</a>
                {% endif %}
            </div>
        {% endif %}
        {{ block('actionButton') }}
    </div>
{% endblock %}

{% block contextMenu %}
    {% if craft.app.getIsMultiSite() %}
        {% set urlFormat = url("market/#{craft.app.request.getSegment(3)}/{handle}") %}
        {% include "_elements/sitemenu" with {
            siteIds: siteIds,
            selectedSiteId: vendor.siteId,
            urlFormat: urlFormat
        } only %}
    {% endif %}
{% endblock %}


{% block content %}
    {{ actionInput('market/vendors/save-vendor') }}
    {{ redirectInput('market/vendors') }}

    {% if vendor.id %}{{ hiddenInput('vendorId', vendor.id) }}{% endif %}
    {% if craft.app.getIsMultiSite() %}{{ hiddenInput('siteId', vendor.siteId) }}{% endif %}

    <div id="fields">
        {{ fieldsHtml|raw }}
    </div>
{% endblock %}

{% block details %}
    <div id="settings" class="meta">

        {{ vendorFields.generalMetaFields(vendor) }}

        {{ forms.elementSelectField({
            label: "User"|t,
            id: 'userId',
            name: 'userId',
            elementType: userElementType,
            selectionLabel: "Choose"|t,
            limit: 1,
            elements: (user is defined and user ? [user]),
            errors: vendor.getErrors('userId')
        }) }}

        {{ vendorFields.stripeMeta(vendor) }}

        {% if vendor.id and profilePictureOptionSources is defined and profilePictureOptionCriteria is defined %}
            {{ forms.elementSelectField({
                jsClass: 'Craft.AssetSelectInput',
                label: "Profile Picture"|t,
                id: 'profilePictureId',
                name: 'profilePictureId',
                elementType: assetElementType,
                selectionLabel: "Choose"|t,
                sources: profilePictureOptionSources,
                criteria: profilePictureOptionCriteria,
                limit: 1,
                elements: (profilePicture is defined and profilePicture ? [profilePicture]),
                errors: vendor.getErrors('profilePictureId')
            }) }}
        {% endif %}

        {{ forms.lightswitchField({
            label: "Enabled"|t('app'),
            id: 'enabled',
            name: 'enabled',
            on: vendor.enabled
        }) }}

    </div>

    {% if vendor.id %}
        <div class="meta read-only" method="post" accept-charset="UTF-8">
            <div class="data first">
                <h5 class="heading">{{ "Status"|t('app') }}</h5>
                <div class="value flex">
                    <div class="flex-grow"><span class="status {{ vendor.getStatus() }}"></span> {{ statusLabel }}</div>

                    {% if statusActions|length %}
                        <div>
                            <button type="button" id="action-menubtn" class="btn menubtn" data-icon="settings" title="{{ 'Actions'|t('app') }}" aria-label="{{ 'Actions'|t('app') }}"></button>
                            <div class="menu">
                                <ul>
                                {% for actionItem in statusActions %}
                                    <li>
                                        <a class="formsubmit{% if actionItem.id is defined and actionItem.id == 'suspend' %} error{% endif %}" data-action="{{ actionItem.action }}" data-redirect="{{ continueEditingUrl|replace('{id}', vendor.id)|replace('{slug}', vendor.slug)|hash }}">{{ actionItem.label }}</a>
                                    </li>
                                {% endfor %}
                                </ul>
                            </div>
                            <div id="action-spinner" class="spinner hidden"></div>
                        </div>
                    {% endif %}
                </div>
            </div>
            <div class="data">
                <h5 class="heading">{{ "Date Created"|t('app') }}</h5>
                <div class="value">{{ vendor.dateCreated|datetime('short') }}</div>
            </div>
            <div class="data">
                <h5 class="heading">{{ "Date Updated"|t('app') }}</h5>
                <div class="value">{{ vendor.dateUpdated|datetime('short') }}</div>
            </div>
        </div>
    {% endif %}
{% endblock %}


{% if not vendor.slug %}
    {% js %}
        window.slugGenerator = new Craft.SlugGenerator('#title', '#slug', {
            charMap: {{ craft.cp.getAsciiCharMap(vendor.site.language)|json_encode|raw }}
        });
    {% endjs %}
{% endif %}