<div class="formipay-screen-menu">
    <?php // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- This image is a plugin asset and not a WordPress attachment. ?>
    <img src="<?php echo esc_html(FORMIPAY_URL . 'admin/assets/img/formipay-logo-circle-white_256.png'); ?>" alt="Formipay" />
    <div class="screen-title">
        <h1><?php echo esc_html__( 'Forms', 'formipay' ); ?></h1>
        <a id="add-new-form">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m6 0h6m-3-3v6" />
            </svg>
            <?php echo esc_html__( 'New Form', 'formipay' ); ?>
        </a>
        <button id="formipay-delete-selected" style="display:none;">
            Delete Selected
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path fill="currentColor" d="M20 6a1 1 0 0 1 .117 1.993L20 8h-.081L19 19a3 3 0 0 1-2.824 2.995L16 22H8c-1.598 0-2.904-1.249-2.992-2.75l-.005-.167L4.08 8H4a1 1 0 0 1-.117-1.993L4 6zm-9.489 5.14a1 1 0 0 0-1.218 1.567L10.585 14l-1.292 1.293l-.083.094a1 1 0 0 0 1.497 1.32L12 15.415l1.293 1.292l.094.083a1 1 0 0 0 1.32-1.497L13.415 14l1.292-1.293l.083-.094a1 1 0 0 0-1.497-1.32L12 12.585l-1.293-1.292l-.094-.083zM14 2a2 2 0 0 1 2 2a1 1 0 0 1-1.993.117L14 4h-4l-.007.117A1 1 0 0 1 8 4a2 2 0 0 1 1.85-1.995L10 2z" />
            </svg>
        </button>
    </div>
</div>
<div class="wrap">
    <div class="content-container">
        <div class="table-toolbar">
            <div class="post-status-wrapper">
                <input type="hidden" id="post_status" value="all">
                <a data-value="all" data-active="true"><?php echo esc_html__( 'All', 'formipay' ); ?></a><span class="all-post-count"></span> | 
                <a data-value="publish"><?php echo esc_html__( 'Published', 'formipay' ); ?></a><span class="publish-post-count"></span> | 
                <a data-value="draft"><?php echo esc_html__( 'Draft', 'formipay' ); ?></a><span class="draft-post-count"></span>
            </div>
            <div class="filter-bar">
                <a id="reset-filter">
                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path fill="#277aff" d="m16.325 18.8l-2.2 2.2L12 18.875l2.2-2.2q-.1-.275-.15-.575t-.05-.6q0-1.45 1.025-2.475T17.5 12q.45 0 .875.113t.8.312L16.8 14.8l1.4 1.4l2.375-2.35q.2.375.313.788T21 15.5q0 1.45-1.025 2.475T17.5 19q-.325 0-.612-.05t-.563-.15m4.45-8.8H18.7q-.65-2.2-2.475-3.6T12 5Q9.075 5 7.037 7.038T5 12q0 1.8.813 3.3T8 17.75V15h2v6H4v-2h2.35Q4.8 17.75 3.9 15.938T3 12q0-1.875.713-3.512t1.924-2.85t2.85-1.925T12 3q3.225 0 5.663 1.988T20.775 10"/></svg>
                    Reset
                </a>
                <div class="orderby">
                    <select id="orderby" class="form-tool">
                        <option value="ID" selected><?php echo esc_html__( 'ID', 'formipay' ); ?></option>
                        <option value="title"><?php echo esc_html__( 'Title', 'formipay' ); ?></option>
                        <option value="modified"><?php echo esc_html__( 'Modified Date', 'formipay' ); ?></option>
                    </select>
                </div>
                <div class="sort">
                    <select id="sort_by" class="form-tool">
                        <option value="desc" selected>DESC</option>
                        <option value="asc">ASC</option>
                    </select>
                </div>
                <div class="search">
                    <input type="text" id="keyword" placeholder="Keyword" class="form-tool">
                </div>
            </div>
        </div>
        <div id="formipay-forms"></div>
    </div>
</div>