{#
This file is part of EC-CUBE

Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
http://www.ec-cube.co.jp/

For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
<script type="text/javascript">
    $(function () {
        $(".c-primaryCol").last().append($("#passkeys_setting").detach());
    });
</script>

<div class="card rounded border-0 mb-4" id="passkeys_setting">
    <div class="card-header">
        <div class="row">
            <div class="col-8"><span class="card-title">{{ 'admin.customer.passkyes.title'|trans }}</span>
            </div>
            <div class="col-4 text-end">
                <a data-bs-toggle="collapse" href="#ordererInfo"
                   aria-expanded="false" aria-controls="ordererInfo">
                    <i class="fa fa-angle-up fa-lg"></i>
                </a>
            </div>
        </div>
    </div>
    <div class="collapse show ec-cardCollapse" id="ordererInfo">
        <div class="card-body">
            <div class="row mb-2">
                <div class="col-3">
                    <span>{{ 'admin.customer.passkeys.authed'|trans }}</span>
                </div>
                <div class="col">
                    {{ form_widget(form.enable_passkeys) }}
                    {{ form_errors(form.enable_passkeys) }}
                </div>
            </div>            
        </div>
    </div>
</div>