<div>
    <div class="meliconnect-level">
        <div class="meliconnect-level-left">
        </div>
        <div class="meliconnect-level-right">
            <div class="meliconnect-sync-main-button">
                <button id="clean-logs" class="meliconnect-button meliconnect-is-danger" type="button">
                    <span class="meliconnect-icon"><i class="fas fa-trash"></i></span><span>Clean Logs </span>
                </button>
            </div>
        </div>
    </div>


    <!-- filtros -->
    <div class="meliconnect-box" style="position:relative;">

        <div class="meliconnect-loading" style="display:none;">
            <div class="meliconnect-loader"></div>
        </div>

        <div class="meliconnect-columns">

            <div class="meliconnect-column">
                <label>Action</label>
                <input id="log-action" class="meliconnect-input" placeholder="price_updated">
            </div>

            <div class="meliconnect-column">
                <label>Status</label>
                <select id="log-status" class="meliconnect-select meliconnect-is-fullwidth">
                    <option value="">All</option>
                    <option value="success">Success</option>
                    <option value="error">Error</option>
                    <option value="skipped">Skipped</option>
                </select>
            </div>

            <div class="meliconnect-column">
                <label>Listing</label>
                <input id="log-listing" class="meliconnect-input" placeholder="MLA...">
            </div>

        </div>
    </div>

    <!-- tabla -->
    <div class="meliconnect-box">
        <table id="logs-table" class="meliconnect-table meliconnect-is-striped">
            <thead>
                <tr>
                    <th><i class="fas fa-eye"></i></th>
                    <th>Item</th>
                    <th>Date</th>
                    <th>Action</th>
                    <th>Status</th>
                    <th>Source</th>
                    <th>Settings</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>

</div>