<ul class="nav nav-tabs zTab-reset zTab-two" id="myTab" role="tablist">
    <!-- Account Settings -->
    <li class="nav-item" role="presentation">
        <button class="nav-link active" id="accountSettings-tab" data-bs-toggle="tab"
            data-bs-target="#accountSettings-tab-pane" type="button" role="tab"
            aria-controls="accountSettings-tab-pane" aria-selected="true">{{ __('Account Settings') }}</button>
        <span><i class="fa-solid fa-angle-right"></i></span>
    </li>
    <!-- Payment Gateway -->

    <!-- Checkout page settings -->
    <li class="nav-item" role="presentation">
        <button class="nav-link" id="checkoutPageSettings-tab" data-bs-toggle="tab"
            data-bs-target="#checkoutPageSettings-tab-pane" type="button" role="tab"
            aria-controls="checkoutPageSettings-tab-pane"
            aria-selected="true">{{ __('Checkout Page Settings') }}</button>
        <span><i class="fa-solid fa-angle-right"></i></span>
    </li>
    <!-- Email Notification -->
    <li class="nav-item" role="presentation">
        <button class="nav-link" id="emailNotification-tab" data-bs-toggle="tab"
            data-bs-target="#emailNotification-tab-pane" type="button" role="tab"
            aria-controls="emailNotification-tab-pane" aria-selected="false">{{ __('Email Notification') }}</button>
        <span><i class="fa-solid fa-angle-right"></i></span>
    </li>
    <!-- Webhooks -->
    <li class="nav-item" role="presentation">
        <button class="nav-link" id="webhooks-tab" data-bs-toggle="tab" data-bs-target="#webhooks-tab-pane"
            type="button" role="tab" aria-controls="webhooks-tab-pane"
            aria-selected="true">{{ __('Webhooks') }}</button>
        <span><i class="fa-solid fa-angle-right"></i></span>
    </li>
    <!-- Invoice settings -->
    <li class="nav-item" role="presentation">
        <button class="nav-link" id="invoiceSettings-tab" data-bs-toggle="tab"
            data-bs-target="#invoiceSettings-tab-pane" type="button" role="tab"
            aria-controls="invoiceSettings-tab-pane" aria-selected="false">{{ __('Invoice Settings') }}</button>
        <span><i class="fa-solid fa-angle-right"></i></span>
    </li>

    <li class="nav-item" role="presentation">
        <button class="nav-link" id="tax-tab" data-bs-toggle="tab"
            data-bs-target="#tax-tab-pane" type="button" role="tab"
            aria-controls="tax-tab-pane" aria-selected="false">{{ __('Tax Settings') }}</button>
        <span><i class="fa-solid fa-angle-right"></i></span>
    </li>
</ul>
