i
<div class="wrap">

    <h1 class="wp-heading-inline">entreCristianos News Desk</h1>

    <hr class="wp-header-end">

    <div class="notice notice-info" style="margin:20px 0;padding:15px;border-left-color:#2271b1;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);">

        <h3 style="margin-top:0;font-weight:600;color:#1d2327;">

            <span class="dashicons dashicons-chart-bar"></span>

            Estadísticas Generales

        </h3>

        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-top:15px;">

            <div style="background:#f6f7f7;padding:12px;border-left:4px solid #f0b849;">

                <span>Pendientes</span><br>

                <strong style="font-size:20px;">
                    214                </strong>

            </div>

            <div style="background:#f6f7f7;padding:12px;border-left:4px solid #00a32a;">

                <span>Aprobadas</span><br>

                <strong style="font-size:20px;">
                    0                </strong>

            </div>

            <div style="background:#f6f7f7;padding:12px;border-left:4px solid #135e96;">

                <span>Evergreen</span><br>

                <strong style="font-size:20px;">
                    4                </strong>

            </div>

            <div style="background:#f6f7f7;padding:12px;border-left:4px solid #d63638;">

                <span>Descartadas</span><br>

                <strong style="font-size:20px;">
                    3                </strong>

            </div>

        </div>

    </div>

    <h2 class="nav-tab-wrapper">

        <a href="/pasion-nuevo-album-de-ingrid-rosario/?paged=1&#038;estado=pendiente"
           class="nav-tab nav-tab-active">

            Pendientes (214)

        </a>

        <a href="/pasion-nuevo-album-de-ingrid-rosario/?paged=1&#038;estado=aprobada"
           class="nav-tab ">

            Aprobadas (0)

        </a>

        <a href="/pasion-nuevo-album-de-ingrid-rosario/?paged=1&#038;estado=evergreen"
           class="nav-tab ">

            Evergreen (4)

        </a>

        <a href="/pasion-nuevo-album-de-ingrid-rosario/?paged=1&#038;estado=descartada"
           class="nav-tab ">

            Descartadas (3)

        </a>

    </h2>

    <form method="get">

        <input type="hidden" name="page" value="ec-news-desk">

        <input type="hidden" name="estado" value="pendiente">

        <input type="hidden" name="orderby" value="pubDate">

        <input type="hidden" name="order" value="DESC">

        <div class="tablenav top">

            <div class="alignleft actions">

                <select name="filtro_fuente">

                    <option value="">Todas las fuentes</option>

                    
                        <option
                            value="christianpost"
                            >

                            christianpost
                        </option>

                    
                        <option
                            value="Evangélico Digital"
                            >

                            Evangélico Digital
                        </option>

                    
                        <option
                            value="Noticia Cristiana"
                            >

                            Noticia Cristiana
                        </option>

                    
                        <option
                            value="Protestante Digital"
                            >

                            Protestante Digital
                        </option>

                    
                        <option
                            value="The Roys Report"
                            >

                            The Roys Report
                        </option>

                    
                </select>

                <input
                    type="search"
                    name="s"
                    value=""
                    placeholder="Buscar...">

                <input
                    type="submit"
                    class="button"
                    value="Filtrar">

	    </div>
            
                <div class="tablenav-pages">

                    <span class="displaying-num">

                        214 elementos

                    </span>

                    <span class="pagination-links">

                        
                            <a class="first-page button"
                               href="/pasion-nuevo-album-de-ingrid-rosario/?paged=1">«</a>

                            <a class="prev-page button"
                               href="/pasion-nuevo-album-de-ingrid-rosario/?paged=4">‹</a>

                        
                        <span class="paging-input">

                            5
                            de

                            5
                        </span>

                        
                    </span>

                </div>

            
        </div>

    </form>

    <form method="post">

        <div class="tablenav top">

            <div class="alignleft actions bulkactions">

                <select name="accion">

                    <option value="-1">

                        Acciones en masa

                    </option>

                    
                        <option value="aprobar">

                            Aprobar

                        </option>

                        <option value="evergreen">

                            Evergreen

                        </option>

                        <option value="descartar">

                            Descartar

                        </option>

                    
                </select>

                <input
                    type="submit"
                    class="button action"
                    value="Aplicar">

            </div>

        </div>

        <table class="widefat striped table-view-list">

            <thead>

                <tr>

                    <td class="check-column">

                        <input
                            id="cb-select-all-1"
                            type="checkbox">

                    </td>

                    <th style="width:70px;">

                        <a href="/pasion-nuevo-album-de-ingrid-rosario/?paged=1&#038;orderby=id&#038;order=DESC">

                            ID

                            
                        </a>

                    </th>

                    <th style="width:150px;">

                        <a href="/pasion-nuevo-album-de-ingrid-rosario/?paged=1&#038;orderby=pubDate&#038;order=ASC">

                            Fecha

                             ↓
                        </a>

                    </th>

                    <th style="width:180px;">

                        <a href="/pasion-nuevo-album-de-ingrid-rosario/?paged=1&#038;orderby=fuente&#038;order=ASC">

                            Fuente

                            
                        </a>

                    </th>

                    <th style="width:180px;">
		    
			       Tema
		
		    </th>

                    <th>

                        <a href="/pasion-nuevo-album-de-ingrid-rosario/?paged=1&#038;orderby=title_original&#038;order=ASC">

                            Título

                            
                        </a>

                    </th>

                    <th style="width:330px;">

                        Acciones

                    </th>

                </tr>

            </thead>

	    <tbody>

    <tr>

        <td colspan="7">

            No hay noticias para mostrar.

        </td>

    </tr>

            </tbody>

            <tfoot>

                <tr>

                    <td class="check-column">

                        <input
                            id="cb-select-all-2"
                            type="checkbox">

                    </td>

                    <th>ID</th>

                    <th>Fecha</th>

		    <th>Fuente</th>

                    <th>Tema</th>

                    <th>Título</th>

                    <th>Acciones</th>

                </tr>

            </tfoot>

        </table>

        <div class="tablenav bottom">

            <div class="alignleft actions bulkactions">

                <select name="accion2">

                    <option value="-1">

                        Acciones en masa

                    </option>

                    
                        <option value="aprobar">Aprobar</option>

                        <option value="evergreen">Evergreen</option>

                        <option value="descartar">Descartar</option>

                    
                </select>

                <input
                    type="submit"
                    class="button action"
                    value="Aplicar">

            </div>

            
                <div class="tablenav-pages">

                    <span class="displaying-num">

                        214
                        elementos

                    </span>

                    <span class="pagination-links">

                        
                            <a class="first-page button"
                               href="/pasion-nuevo-album-de-ingrid-rosario/?paged=1">«</a>

                            <a class="prev-page button"
                               href="/pasion-nuevo-album-de-ingrid-rosario/?paged=4">‹</a>

                        
                        <span class="paging-input">

                            5
                            de

                            5
                        </span>

                        
                    </span>

                </div>

            
        </div>

    </form>

</div>

<script>

jQuery(function($){

    const top=$('#cb-select-all-1');

    const bottom=$('#cb-select-all-2');

    const checks=$('input[name="noticia_ids[]"]');

    top.on('change',function(){

        checks.prop('checked',this.checked);

        bottom.prop('checked',this.checked);

    });

    bottom.on('change',function(){

        checks.prop('checked',this.checked);

        top.prop('checked',this.checked);

    });

    checks.on('change',function(){

        let total=checks.length;

        let marcados=checks.filter(':checked').length;

        top.prop('checked',total===marcados);

        bottom.prop('checked',total===marcados);

    });

});

</script>