jQuery(document).ready(function() {
    $("#navlist li:last-child #subnavlist").append("<li><a href='https://www.ucol.mx/content/portal/880_PIDE2022-2025_JULIO%2022.pdf' target='_blank'>Versi\u00f3n PDF</a></li>");
    jQuery("table#cards").each(function(e) {
	    if (this) {
			var numRepo = $("tr",this).length;
            jQuery(this).addClass("S-CARDS cards" + e);
            var itemRepo = "";
            var a = "", s = "", l = "", f = "",
            o = jQuery("<div class='row'></div>");
			i = jQuery(".cards" + e + " tr:lt("+numRepo+")"), jQuery(i).each(function(e) {
				jQuery("th, td", this).each(function(e) {
                    switch (e) {
                        case 0:
                            a = jQuery(this).text();
                            break;
                        case 1:
                            s = jQuery(this).text();
                            break;
                        case 2:
                            f = jQuery(this).text();
                            break;
                        case 3:
	                        l = jQuery("img", this).attr('src');
                            break;
                            
                    }
				});
				itemRepo = `<div class="col-md-6 mb-4">
                    <a href="${s}" class="text-light text-decoration-none">
                        <div class="card rounded border-0" style="background-color: ${f}">
                            <div class="row">
                                <div class="col-12 col-md-6 pe-0 order-1">
                                    <figure class="m-0 position-relative">
                                        <img src="${l}" class="card-img-top img-fluid rounded-0 w-100" alt="${a}">
                                        <div class="figure-overlay position-absolute top-0 start-0 bottom-0 end-0" style="background-color: ${f}; mix-blend-mode:hue"></div>
                                    </figure>
                                </div>
                                <div class="col-12 col-md-6 ps-0 d-flex text-center align-items-center order-2">
                                    <div class="card-body">
                                        <h5 class="card-title mb-0 text-uppercase">${a}</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>`;
                o.append(itemRepo);
			});
            var c = jQuery("<div id='cards-"+e+"'>");
            c.append(o), jQuery(".S-CARDS").replaceWith(c), jQuery(this).removeClass("S-CARDS");
        }
    });
});