<div class="order-last z-20 sticky bottom-4">
    <div class="flex">
        <div class="min-w-[24px] md:min-w-[55px] flex justify-center items-center">
        </div>
        <div class="w-full">
            <button form="main-form" type="submit"
                    class="transition duration-500 w-full rounded-lg px-3 py-2 uppercase text-base leading-8 font-sans text-white {% if published %}bg-gray-700 hover:bg-gray-900{% else %}bg-primary hover:bg-highlight{% endif %} focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"
            >Save Draft</button>
            {% if published %}
                {% if sync != true%}<button class="button-secondary" type="submit" name="action" value="revert" form="main-form">Revert Published</button>{% endif %}
                <button class="button-primary cursor-pointer" type="submit" name="action" value="publish" form="main-form">Save</button>
            {% endif %}
        </div>
        <div class="min-w-[55px]">

        </div>
    </div>
    <div class="px-[24px] md:px-[55px]">
        <a class="button-secondary" href="/admin/{{ controller_slug }}/delete/{{ item.id }}">Delete</a>
    </div>
</div>