// LVGR Main Tables Generator
// wp-admin top-level menu "MAIN TABLES" -> [lvgr_main_table id="N"] shortcode.
// Renders the CLASSIC #tbl_top_casinos look (rank / logo / priority-3..5 columns) -
// pixel-matching the live homepage table (snippet 11743) - with ALL of its CSS
// embedded inline, so it looks right on ANY page/site regardless of whether
// jannah-child/assets/home.css happens to be loaded there.
// Casino data (name/logo/link/rating/offer/pros/review/legal) is the SAME shared
// pool used by "Casino Table" (option lvgr_ct_items) - edit casinos there; this
// admin only picks which casinos go in which table, their order, and what shows.
// Delivered as a single Woody snippet per project rules.
if ( ! defined( 'ABSPATH' ) ) { return; }

if ( ! class_exists( 'LVGR_Main_Tables' ) ) :

class LVGR_Main_Tables {

	const TABLES = 'lvgr_mt_tables';
	const NEXTID = 'lvgr_mt_next_id';
	const NONCE  = 'lvgr_mt_save';

	public static function init() {
		add_shortcode( 'lvgr_main_table', array( __CLASS__, 'shortcode' ) );
		add_action( 'admin_menu', array( __CLASS__, 'menu' ) );
		add_action( 'admin_post_lvgr_mt_save', array( __CLASS__, 'save' ) );
		add_action( 'wp_ajax_lvgr_mt_preview', array( __CLASS__, 'ajax_preview' ) );
		add_action( 'wp_enqueue_scripts', array( __CLASS__, 'enqueue_dashicons' ) );
	}

	// Dashicons (star icons) are core-registered but only auto-loaded in admin;
	// enqueue them front-end too so this table is portable to any page/site.
	public static function enqueue_dashicons() {
		wp_enqueue_style( 'dashicons' );
	}

	// ---------------------------------------------------------------- DATA

	// Shared casino pool owned by the "Casino Table" generator (snippet 21653).
	// Read-only here on purpose - casino data is edited in ONE place.
	public static function items() {
		$items = get_option( 'lvgr_ct_items' );
		return is_array( $items ) ? $items : array();
	}

	public static function tables() {
		$t = get_option( self::TABLES );
		return is_array( $t ) ? $t : array();
	}

	public static function next_id() {
		$n = (int) get_option( self::NEXTID, 0 );
		if ( $n < 1 ) {
			$n = 1;
			foreach ( array_keys( self::tables() ) as $k ) { $n = max( $n, (int) $k + 1 ); }
		}
		return $n;
	}

	public static function bump_next_id( $used ) {
		update_option( self::NEXTID, max( self::next_id(), (int) $used + 1 ) );
	}

	public static function table_defaults() {
		return array(
			'label'        => '',
			'selected'     => array(),
			'cta_text'     => 'ΕΓΓΡΑΦΗ',
			'review_text'  => 'Διάβασε την αξιολόγηση',
			'legal'        => '21+ | Ρυθμ. ΕΕΕΠ | ΕΟΠΑΕ 1114 | Υπεύθυνο Παιχνίδι',
			'ribbon1'      => 'Επιλογή Συντακτών',
			'ribbon2'      => 'Επιλογή Παικτών',
			'ribbon3'      => 'Καλύτερη Προσφορά* Γνωριμίας',
			'max_width'    => 900,
			'show_rank'    => true,
			'show_stars'   => true,
			'show_offer'   => true,
			'show_pros'    => true,
			'show_review'  => true,
			'show_legal'   => false,
			'show_ribbons' => true,
		);
	}

	public static function table( $id ) {
		$tables = self::tables();
		$id = (string) (int) $id;
		if ( ! isset( $tables[ $id ] ) || ! is_array( $tables[ $id ] ) ) { return null; }
		$t = array_merge( self::table_defaults(), $tables[ $id ] );
		if ( ! is_array( $t['selected'] ) ) { $t['selected'] = array(); }
		$t['id'] = (int) $id;
		return $t;
	}

	// -------------------------------------------------------------- RENDER

	protected static function stars_dashicons( $rating ) {
		$n = (int) round( (float) $rating );
		$n = max( 0, min( 5, $n ) );
		$out = '';
		for ( $i = 0; $i < $n; $i++ ) { $out .= '<span class="dashicons dashicons-star-filled"></span>'; }
		return $out;
	}

	public static function render( $args = array(), $items_override = null ) {
		$def   = self::table_defaults();
		$s     = array_merge( $def, $args );
		$items = is_array( $items_override ) ? $items_override : self::items();
		$keys  = is_array( $s['selected'] ) ? $s['selected'] : array();

		$rows = '';
		$rank = 0;
		foreach ( $keys as $k ) {
			$k = trim( $k );
			if ( ! isset( $items[ $k ] ) ) { continue; }
			$c = $items[ $k ];
			$rank++;

			$rankhtml = $s['show_rank'] ? '<span style="color: #BCBCBC;">' . $rank . '</span>' : '';

			$stars = $s['show_stars'] ? '<span class="shortcode-star-rating">' . self::stars_dashicons( $c['rating'] ) . '</span>' : '';

			$review = '';
			if ( $s['show_review'] && ! empty( $c['review'] ) && trim( (string) $c['review'] ) !== '' ) {
				$review = '<a href="' . esc_url( $c['review'] ) . '">' . esc_html( $s['review_text'] ) . '</a>';
			}

			$offer = '';
			if ( $s['show_offer'] && ! empty( $c['offer'] ) && trim( (string) $c['offer'] ) !== '' ) {
				$offer = '<span class="vg-offer"><svg class="vg-offer__ico" viewBox="0 0 24 24" width="15" height="15" aria-hidden="true" focusable="false" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12v9H4v-9"/><path d="M2 7h20v5H2z"/><path d="M12 22V7"/><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"/><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"/></svg><span>' . esc_html( $c['offer'] ) . '</span></span>';
			}

			$pros = '';
			if ( $s['show_pros'] && ! empty( $c['pros'] ) && trim( (string) $c['pros'] ) !== '' ) {
				$lines = array_slice( array_values( array_filter( array_map( 'trim', preg_split( '#\r\n|\r|\n#', (string) $c['pros'] ) ), function ( $l ) { return $l !== ''; } ) ), 0, 3 );
				foreach ( $lines as $line ) {
					$pros .= '<span style="font-weight: bold;">✔</span> ' . esc_html( $line ) . '<br />';
				}
			}

			$legal_row = '';
			if ( $s['show_legal'] ) {
				$legal_txt = ( isset( $c['legal'] ) && trim( (string) $c['legal'] ) !== '' ) ? $c['legal'] : $s['legal'];
				if ( trim( (string) $legal_txt ) !== '' ) {
					$legal_row = '<span class="lvgr-mt__legalrow">' . esc_html( $legal_txt ) . '</span>';
				}
			}

			$mobile_review = '';
			if ( $review !== '' || $stars !== '' ) {
				$mobile_review = '<span class="tbl_reviews_mobile">' . $stars . ' ' . $review . '</span>';
			}

			$rows .= '<tr>'
				. '<td class="priority-1">' . $rankhtml . '</td>'
				. '<td class="priority-2">'
				. '<a href="' . esc_url( $c['url'] ) . '" target="_blank" rel="nofollow sponsored noopener">'
				. '<img class="tbl_logo_desktop" style="border: none; max-height: 80px; max-width: 130px;" src="' . esc_url( $c['logo'] ) . '" alt="' . esc_attr( $c['name'] ) . ' casino" />'
				. '<img class="tbl_logo_mobile" style="border: none; max-height: 40px; max-width: 130px; vertical-align: -10px;" src="' . esc_url( $c['logo'] ) . '" alt="' . esc_attr( $c['name'] ) . ' casino" />'
				. '</a>'
				. '<span class="tbl_tr_mobile"><span style="font-size: 16px; vertical-align: 2px;">' . $stars . '</span></span>'
				. '</td>'
				. '<td class="priority-3">' . $offer . $pros . $legal_row . $mobile_review . '</td>'
				. '<td class="priority-4"><div class="tbl_reviews_desktop">' . $stars . ( $review !== '' ? '<p>' . $review . '</p>' : '' ) . '</div></td>'
				. '<td class="priority-5"><a class="casino-list-button" target="_blank" rel="nofollow sponsored noopener" title="' . esc_attr( $c['name'] ) . ' Casino" href="' . esc_url( $c['url'] ) . '"><span class="casino-list-button-text">' . esc_html( $s['cta_text'] ) . '</span></a></td>'
				. '</tr>';
		}

		if ( $rows === '' ) { return ''; }

		$wrap_class = 'lvgr-mt' . ( $s['show_ribbons'] ? '' : ' lvgr-mt--no-ribbons' );
		$max = max( 320, min( 1200, (int) $s['max_width'] ) );
		return '<div class="' . esc_attr( $wrap_class ) . '" style="max-width:' . $max . 'px;">' . self::css( $s )
			. '<table id="tbl_top_casinos" width="100%" cellspacing="0"><tbody>' . $rows . '</tbody></table></div>';
	}

	public static function render_table( $id, $extra = array() ) {
		$t = self::table( $id );
		if ( ! $t ) { return ''; }
		$args = array_merge( $t, $extra );
		return self::render( $args );
	}

	protected static function css_str( $v ) {
		return str_replace( array( '\\', '"' ), array( '\\\\', '\\"' ), (string) $v );
	}

	protected static function css( $s = array() ) {
		$r1 = ( isset( $s['ribbon1'] ) && trim( (string) $s['ribbon1'] ) !== '' ) ? $s['ribbon1'] : 'Επιλογή Συντακτών';
		$r2 = ( isset( $s['ribbon2'] ) && trim( (string) $s['ribbon2'] ) !== '' ) ? $s['ribbon2'] : 'Επιλογή Παικτών';
		$r3 = ( isset( $s['ribbon3'] ) && trim( (string) $s['ribbon3'] ) !== '' ) ? $s['ribbon3'] : 'Καλύτερη Προσφορά* Γνωριμίας';
		$css = '<style>#tbl_top_casinos{width:100%;border-collapse:collapse;font-size:15px;}
#tbl_top_casinos tr{border-bottom:1px solid #E7EBF1;transition:background .2s cubic-bezier(.22,.61,.36,1);}
#tbl_top_casinos tbody tr:nth-child(-n+3){background:linear-gradient(90deg,rgba(232,181,60,.06),transparent 40%);}
#tbl_top_casinos tr:last-child{border-bottom:0;}
#tbl_top_casinos tr:hover{background:rgba(0,154,139,.04);}
#tbl_top_casinos td{padding:20px 16px;vertical-align:middle;}
#tbl_top_casinos .priority-1{width:58px;text-align:center;}
#tbl_top_casinos .priority-1 span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#0B1220;color:#fff!important;font-family:"Poppins","Inter",sans-serif;font-weight:700;font-size:16px;box-shadow:0 1px 2px rgba(11,18,32,.06);}
#tbl_top_casinos tbody tr:nth-child(1) .priority-1 span{background:linear-gradient(135deg,#E8B53C,#caa02e);}
#tbl_top_casinos tbody tr:nth-child(2) .priority-1 span{background:linear-gradient(135deg,#aeb6c2,#8b95a4);}
#tbl_top_casinos tbody tr:nth-child(3) .priority-1 span{background:linear-gradient(135deg,#c98b5a,#a86b3d);}
#tbl_top_casinos .priority-2{width:170px;text-align:center;}
#tbl_top_casinos .priority-2>a{display:inline-flex;align-items:center;justify-content:center;width:140px;height:74px;background:#fff;border:1px solid #E7EBF1;border-radius:12px;box-shadow:0 1px 2px rgba(11,18,32,.06);transition:transform .2s cubic-bezier(.22,.61,.36,1),box-shadow .2s;}
#tbl_top_casinos .priority-2 img{max-width:120px!important;max-height:58px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
#tbl_top_casinos .priority-2>a:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(11,18,32,.10);}
#tbl_top_casinos .priority-3{color:#2b3543;line-height:1.9;}
#tbl_top_casinos .priority-3 span[style*="bold"]{color:#009A8B!important;font-weight:700!important;margin-right:4px;}
#tbl_top_casinos .priority-4{width:190px;text-align:center;}
#tbl_top_casinos .tbl_reviews_desktop a{color:#00786C;font-weight:600;font-size:13px;}
#tbl_top_casinos .shortcode-star-rating .dashicons{color:#E8B53C;font-size:18px;width:18px;height:18px;}
#tbl_top_casinos .priority-5{width:200px;text-align:center;}
.casino-list-button{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:184px;height:50px;border-radius:999px;
  background:linear-gradient(135deg,#009A8B,#00786C);color:#fff;font-weight:800;letter-spacing:.03em;text-transform:uppercase;font-size:14px;
  box-shadow:0 8px 18px rgba(0,154,139,.35);transition:transform .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s,filter .18s;}
.casino-list-button:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.05);box-shadow:0 12px 24px rgba(0,154,139,.45);}
.casino-list-button .casino-list-button-text{color:#fff;}
#tbl_top_casinos tbody tr:nth-child(1) .casino-list-button{background:linear-gradient(135deg,#F0C04A,#E8B53C);color:#1a1300;box-shadow:0 8px 18px rgba(232,181,60,.45);}
#tbl_top_casinos tbody tr:nth-child(1) .casino-list-button .casino-list-button-text{color:#1a1300;}
#tbl_top_casinos tbody tr:nth-child(1) .priority-2{position:relative;}
#tbl_top_casinos tbody tr:nth-child(1) .priority-2::before{content:"100% Νόμιμο 🇬🇷";position:absolute;top:6px;left:50%;transform:translateX(-50%);background:#009A8B;color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:999px;white-space:nowrap;}
.tbl_logo_mobile,.tbl_tr_mobile,.tbl_reviews_mobile{display:none;}
@media (max-width:880px) {
#tbl_top_casinos,#tbl_top_casinos tbody,#tbl_top_casinos tr,#tbl_top_casinos td {display:block;width:100%;}
#tbl_top_casinos tr {display:grid;grid-template-columns:54px 1fr;gap:6px 12px;align-items:center;padding:18px 14px;border-bottom:1px solid #E7EBF1;}
#tbl_top_casinos td {padding:0;}
#tbl_top_casinos .priority-1 {grid-row:1;grid-column:1;}
#tbl_top_casinos .priority-2 {grid-row:1;grid-column:2;justify-self:start;width:auto;}
#tbl_top_casinos .priority-2>a {width:120px;height:60px;}
#tbl_top_casinos .priority-3 {grid-column:1 / -1;font-size:14px;line-height:1.7;}
#tbl_top_casinos .priority-4 {display:none;}
#tbl_top_casinos .priority-5 {grid-column:1 / -1;}
.casino-list-button {max-width:none;}
#tbl_top_casinos tbody tr:nth-child(1) .priority-2::before {position:static;transform:none;display:inline-block;margin-bottom:6px;}
}
@media (max-width:768px) {
.lvgr-mt #tbl_top_casinos,.lvgr-mt #tbl_top_casinos tbody {display:block!important;font-size:15px;}
.lvgr-mt #tbl_top_casinos tbody tr {
    display:flex!important;grid-template-columns:none!important;flex-direction:column;align-items:center;text-align:center;gap:12px;
    position:relative;padding:18px 16px 20px!important;margin:0 0 14px;background:#fff;border:1px solid #E7EBF1;border-radius:16px;box-shadow:0 1px 2px rgba(11,18,32,.06);}
.lvgr-mt #tbl_top_casinos tbody td {display:block!important;width:100%!important;padding:0!important;border:0!important;}
.lvgr-mt #tbl_top_casinos .priority-1 {position:static!important;align-self:flex-start;width:auto;text-align:left;margin:0;}
.lvgr-mt #tbl_top_casinos .priority-1 span {width:30px;height:30px;line-height:1;font-size:14px;}
.lvgr-mt #tbl_top_casinos .priority-2>a {margin:0 auto;width:150px;height:56px;}
.lvgr-mt #tbl_top_casinos .priority-2 img {max-width:140px!important;max-height:48px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
.lvgr-mt #tbl_top_casinos .tbl_logo_desktop {display:none!important;}
.lvgr-mt #tbl_top_casinos .tbl_logo_mobile {display:inline-block!important;max-height:44px!important;max-width:140px!important;object-fit:contain;}
.lvgr-mt #tbl_top_casinos .priority-3 {text-align:left;font-size:14.5px;line-height:1.75;background:#F4F6FA;border-radius:12px;padding:14px 16px!important;}
.lvgr-mt #tbl_top_casinos .priority-4 {display:none!important;}
.lvgr-mt #tbl_top_casinos .tbl_reviews_mobile,.lvgr-mt #tbl_top_casinos .tbl_tr_mobile {display:block!important;margin-top:8px;font-size:13px;}
.lvgr-mt #tbl_top_casinos .shortcode-star-rating .dashicons {font-size:17px;width:17px;height:17px;}
.lvgr-mt #tbl_top_casinos .casino-list-button {display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:300px!important;height:48px!important;margin:0 auto!important;font-size:14px!important;letter-spacing:.04em;border-radius:999px!important;text-align:center!important;}
.lvgr-mt #tbl_top_casinos .casino-list-button .casino-list-button-text,.lvgr-mt #tbl_top_casinos .casino-list-button .kazino-list-button-text {padding:0!important;margin:0!important;line-height:1!important;display:block;}
.lvgr-mt #tbl_top_casinos tbody tr:nth-child(1) .priority-2::before {position:static;transform:none;display:inline-block;margin:0 0 8px;}
}
#tbl_top_casinos tbody tr:nth-child(-n+3){position:relative;}
#tbl_top_casinos tbody tr:nth-child(-n+3)::before{
  position:absolute;top:0;left:0;z-index:3;
  padding:6px 20px 6px 13px;
  font-family:"Poppins","Inter",sans-serif;font-weight:800;font-size:10.5px;line-height:1;
  letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;
  clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%);
  box-shadow:0 4px 10px rgba(11,18,32,.22);
}
#tbl_top_casinos tbody tr:nth-child(1)::before{
  content:"Επιλογή Συντακτών";
  background:linear-gradient(135deg,#FBE29A 0%,#E8B53C 45%,#C08F1E 100%);
  color:#3A2A00;
}
#tbl_top_casinos tbody tr:nth-child(2)::before{
  content:"Επιλογή Παικτών";
  background:linear-gradient(135deg,#F2F5F9 0%,#C8D0DA 45%,#98A3B2 100%);
  color:#1B2430;
}
#tbl_top_casinos tbody tr:nth-child(3)::before{
  content:"Καλύτερη Προσφορά* Γνωριμίας";
  background:linear-gradient(135deg,#EFB98A 0%,#C9814B 45%,#9E5F30 100%);
  color:#33150A;
}
#tbl_top_casinos tbody tr:nth-child(1){background:linear-gradient(90deg,rgba(232,181,60,.11),transparent 46%);}
#tbl_top_casinos tbody tr:nth-child(2){background:linear-gradient(90deg,rgba(152,163,178,.11),transparent 46%);}
#tbl_top_casinos tbody tr:nth-child(3){background:linear-gradient(90deg,rgba(201,129,75,.11),transparent 46%);}
@media (min-width:881px) {
#tbl_top_casinos tbody tr:nth-child(-n+3) td {padding-top:42px;}
}
@media (min-width:769px) and (max-width:880px) {
#tbl_top_casinos tbody tr:nth-child(-n+3) {padding-top:40px!important;}
}
body .casino-list-button,body .kazino-list-button{
  position:relative;overflow:hidden;isolation:isolate;
  border-radius:14px;
  background:linear-gradient(135deg,#00897A 0%,#007467 55%,#005F55 100%);
  text-shadow:0 1px 2px rgba(0,0,0,.28);
  box-shadow:0 6px 16px rgba(0,110,98,.34),inset 0 1px 0 rgba(255,255,255,.26);
  transition:transform .2s cubic-bezier(.22,.61,.36,1),box-shadow .2s,filter .2s;
}
body .casino-list-button::after,body .kazino-list-button::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.40) 50%,transparent 68%);
  transform:translateX(-125%);
}
body .casino-list-button:hover,body .kazino-list-button:hover{
  transform:translateY(-3px);
  box-shadow:0 13px 26px rgba(0,110,98,.44),inset 0 1px 0 rgba(255,255,255,.32);
  filter:saturate(1.08);
}
body .casino-list-button:hover::after,body .kazino-list-button:hover::after{
  transform:translateX(125%);transition:transform .62s ease;
}
body .casino-list-button:active,body .kazino-list-button:active{transform:translateY(-1px) scale(.99);}
body .casino-list-button:focus-visible,body .kazino-list-button:focus-visible{
  outline:3px solid #E8B53C;outline-offset:3px;
}
#tbl_top_casinos tbody tr:nth-child(1) .casino-list-button{
  background:linear-gradient(135deg,#FBD97A 0%,#E8B53C 50%,#CA9A22 100%);
  text-shadow:none;
  box-shadow:0 6px 16px rgba(232,181,60,.42),inset 0 1px 0 rgba(255,255,255,.45);
}
#tbl_top_casinos tbody tr:nth-child(1) .casino-list-button:hover{
  box-shadow:0 13px 26px rgba(232,181,60,.50),inset 0 1px 0 rgba(255,255,255,.5);
}
.vg-offer{
  display:flex;align-items:flex-start;gap:9px;
  margin:0 0 12px;padding:10px 13px;
  background:linear-gradient(135deg,rgba(0,154,139,.10),rgba(232,181,60,.13));
  border:1px solid rgba(0,154,139,.22);
  border-left:4px solid #009A8B;
  border-radius:10px;
  font-family:"Poppins","Inter",sans-serif;font-weight:700;font-size:13.5px;line-height:1.45;
  color:#0B1220;text-align:left;
}
.vg-offer__ico{flex:0 0 auto;color:#007467;margin-top:1px;}
#tbl_top_casinos tbody tr:nth-child(1) .vg-offer{
  background:linear-gradient(135deg,rgba(232,181,60,.20),rgba(232,181,60,.08));
  border-color:rgba(202,154,34,.38);border-left-color:#CA9A22;
}
#tbl_top_casinos tbody tr:nth-child(1) .vg-offer__ico{color:#9A7412;}
@media (max-width:880px) {
#tbl_top_casinos tbody tr:nth-child(1) .priority-2::before {
    position:static!important;transform:none!important;
    display:block!important;width:-moz-max-content;width:max-content;
    margin:0 auto 9px!important;
  }
}
@media (max-width:768px) {
.lvgr-mt #tbl_top_casinos tbody tr:nth-child(-n+3)::before {
    position:static;order:-1;align-self:stretch;
    clip-path:none;border-radius:12px;
    padding:8px 12px;margin:0;
    text-align:center;white-space:normal;
    font-size:11px;letter-spacing:.05em;
  }
.lvgr-mt #tbl_top_casinos tbody tr:nth-child(-n+3) td {padding-top:0!important;}
.vg-offer {font-size:13px;padding:9px 12px;text-align:left;}
}
@media (prefers-reduced-motion:reduce) {
body .casino-list-button,body .kazino-list-button {transition:none;}
body .casino-list-button:hover,body .kazino-list-button:hover {transform:none;}
body .casino-list-button::after,body .kazino-list-button::after {display:none;}
}
@media (min-width:881px) {
#tbl_top_casinos {table-layout:auto;width:100%;}
#tbl_top_casinos .priority-1 {width:56px;}
#tbl_top_casinos .priority-2 {width:168px;}
#tbl_top_casinos .priority-3 {width:100%;}
#tbl_top_casinos .priority-4 {width:170px;}
#tbl_top_casinos .priority-5 {width:196px;}
#tbl_top_casinos td {padding:16px 14px;vertical-align:middle;}
#tbl_top_casinos tbody tr:nth-child(-n+3) td {padding-top:34px;}
#tbl_top_casinos .priority-3 {line-height:1.75;font-size:14.5px;}
#tbl_top_casinos .vg-offer {
    margin:0 0 9px;padding:8px 12px;
    font-size:13px;line-height:1.4;
    border-radius:9px;
  }
#tbl_top_casinos .vg-offer svg {width:14px;height:14px;}
#tbl_top_casinos tbody tr:nth-child(-n+3)::before {
    padding:5px 18px 5px 12px;font-size:10px;
  }
#tbl_top_casinos .priority-2>a {width:138px;height:68px;}
#tbl_top_casinos .priority-2 img {max-width:114px!important;max-height:52px!important;}
#tbl_top_casinos .priority-4 {font-size:13px;line-height:1.45;}
#tbl_top_casinos .tbl_reviews_desktop p {margin:4px 0 0;}
#tbl_top_casinos .priority-5 .casino-list-button {max-width:182px;height:46px;margin:0 auto;}
}
@media (min-width:769px) and (max-width:880px) {
#tbl_top_casinos .vg-offer {font-size:12.5px;padding:8px 11px;margin:0 0 8px;}
}
#tbl_top_casinos tbody tr:nth-child(-n+3)::before{content:none!important;}
#tbl_top_casinos tbody tr:nth-child(-n+3) .priority-1{position:relative;}
#tbl_top_casinos tbody tr:nth-child(-n+3) .priority-1::before{
  position:absolute;top:0;left:0;z-index:3;
  padding:5px 18px 5px 12px;
  font-family:"Poppins","Inter",sans-serif;font-weight:800;font-size:10px;line-height:1;
  letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;
  clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%);
  box-shadow:0 4px 10px rgba(11,18,32,.22);
}
#tbl_top_casinos tbody tr:nth-child(1) .priority-1::before{
  content:"__LVGR_MT_RIBBON1__";
  background:linear-gradient(135deg,#FBE29A 0%,#E8B53C 45%,#C08F1E 100%);
  color:#3A2A00;
}
#tbl_top_casinos tbody tr:nth-child(2) .priority-1::before{
  content:"__LVGR_MT_RIBBON2__";
  background:linear-gradient(135deg,#F2F5F9 0%,#C8D0DA 45%,#98A3B2 100%);
  color:#1B2430;
}
#tbl_top_casinos tbody tr:nth-child(3) .priority-1::before{
  content:"__LVGR_MT_RIBBON3__";
  background:linear-gradient(135deg,#EFB98A 0%,#C9814B 45%,#9E5F30 100%);
  color:#33150A;
}
@media (max-width:768px) {
.lvgr-mt #tbl_top_casinos tbody tr:nth-child(-n+3) .priority-1 {
    order:-1;width:100%!important;align-self:stretch!important;text-align:center;
  }
.lvgr-mt #tbl_top_casinos tbody tr:nth-child(-n+3) .priority-1::before {
    position:static;display:block;width:100%;
    clip-path:none;border-radius:12px;
    padding:8px 12px;margin:0 0 10px;
    text-align:center;white-space:normal;
    font-size:11px;letter-spacing:.05em;
  }
.lvgr-mt #tbl_top_casinos tbody tr:nth-child(-n+3) .priority-1 span {
    display:inline-flex;
  }
}
@media (min-width:881px) {
#tbl_top_casinos tbody tr:nth-child(1) .priority-2::before {
    left:auto!important;right:6px!important;
    transform:none!important;
    top:4px!important;
  }
#tbl_top_casinos .priority-4 {min-width:152px;}
#tbl_top_casinos .shortcode-star-rating {white-space:nowrap;display:inline-block;}
#tbl_top_casinos .priority-4 .shortcode-star-rating .dashicons {font-size:16px;width:16px;height:16px;}
}
@media (min-width:881px) {
#tbl_top_casinos tbody tr:nth-child(1) .priority-2 {position:static!important;}
#tbl_top_casinos tbody tr:nth-child(1) .priority-2::before {
    position:absolute!important;
    top:6px!important;right:10px!important;left:auto!important;
    transform:none!important;
    z-index:4;
  }
}
body .casino-list-button,body .kazino-list-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
body .casino-list-button-text,body .kazino-list-button-text{
  padding:0!important;margin:0!important;line-height:1.2!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.lvgr-mt--no-ribbons #tbl_top_casinos tbody tr:nth-child(-n+3)::before,
.lvgr-mt--no-ribbons #tbl_top_casinos tbody tr:nth-child(-n+3) .priority-1::before{content:none!important;}
.lvgr-mt{margin:0 auto 26px;}
.lvgr-mt .lvgr-mt__legalrow{display:block;font-size:11px;line-height:1.5;color:#6a7480;margin-top:4px;}
</style>';
		return str_replace(
			array( '__LVGR_MT_RIBBON1__', '__LVGR_MT_RIBBON2__', '__LVGR_MT_RIBBON3__' ),
			array( self::css_str( $r1 ), self::css_str( $r2 ), self::css_str( $r3 ) ),
			$css
		);
	}

	// ----------------------------------------------------------- SHORTCODE

	public static function shortcode( $atts ) {
		$atts = shortcode_atts( array( 'id' => '' ), $atts, 'lvgr_main_table' );
		if ( $atts['id'] === '' ) { return ''; }
		$tid = (string) (int) $atts['id'];
		if ( self::table( $tid ) ) { return self::render_table( $tid ); }
		return current_user_can( 'manage_options' ) ? '<!-- lvgr_main_table: unknown id ' . esc_html( $tid ) . ' -->' : '';
	}

	// -------------------------------------------------------------- ADMIN

	public static function menu() {
		add_menu_page( 'Main Tables', 'MAIN TABLES', 'manage_options', 'lvgr-main-tables', array( __CLASS__, 'page' ), 'dashicons-editor-table', 60 );
	}

	protected static function selected_from_post( $post, $items ) {
		$sel = array();
		if ( isset( $post['order'] ) && is_array( $post['order'] ) ) {
			$on = ( isset( $post['enabled'] ) && is_array( $post['enabled'] ) )
				? array_map( 'sanitize_key', array_keys( $post['enabled'] ) ) : array();
			$pairs = array();
			foreach ( $post['order'] as $key => $p ) {
				$key = sanitize_key( $key );
				if ( in_array( $key, $on, true ) && isset( $items[ $key ] ) ) { $pairs[ $key ] = (float) $p; }
			}
			asort( $pairs );
			$sel = array_keys( $pairs );
		}
		return $sel;
	}

	protected static function sanitize_table( $id, $post, $existing ) {
		$items = self::items();
		$post  = is_array( $post ) ? $post : array();
		$sel   = self::selected_from_post( $post, $items );
		if ( empty( $sel ) && ! isset( $post['order'] ) && ! empty( $existing['selected'] ) ) {
			$sel = $existing['selected'];
		}
		$label = sanitize_text_field( wp_unslash( isset( $post['label'] ) ? $post['label'] : '' ) );
		if ( $label === '' ) {
			$label = ! empty( $existing['label'] ) ? $existing['label'] : ( 'Πίνακας ' . (int) $id );
		}
		return array(
			'id'           => (int) $id,
			'label'        => $label,
			'selected'     => $sel,
			'cta_text'     => sanitize_text_field( wp_unslash( isset( $post['cta_text'] ) ? $post['cta_text'] : '' ) ),
			'review_text'  => sanitize_text_field( wp_unslash( isset( $post['review_text'] ) ? $post['review_text'] : '' ) ),
			'legal'        => sanitize_text_field( wp_unslash( isset( $post['legal'] ) ? $post['legal'] : '' ) ),
			'ribbon1'      => sanitize_text_field( wp_unslash( isset( $post['ribbon1'] ) ? $post['ribbon1'] : '' ) ),
			'ribbon2'      => sanitize_text_field( wp_unslash( isset( $post['ribbon2'] ) ? $post['ribbon2'] : '' ) ),
			'ribbon3'      => sanitize_text_field( wp_unslash( isset( $post['ribbon3'] ) ? $post['ribbon3'] : '' ) ),
			'max_width'    => max( 320, min( 1200, (int) ( isset( $post['max_width'] ) ? $post['max_width'] : 900 ) ) ),
			'show_rank'    => isset( $post['show_rank'] ),
			'show_stars'   => isset( $post['show_stars'] ),
			'show_offer'   => isset( $post['show_offer'] ),
			'show_pros'    => isset( $post['show_pros'] ),
			'show_review'  => isset( $post['show_review'] ),
			'show_legal'   => isset( $post['show_legal'] ),
			'show_ribbons' => isset( $post['show_ribbons'] ),
		);
	}

	public static function save() {
		if ( ! current_user_can( 'manage_options' ) ) { wp_die( 'Denied' ); }
		check_admin_referer( self::NONCE );
		$tables = self::tables();

		if ( isset( $_POST['tbl'] ) && is_array( $_POST['tbl'] ) ) {
			foreach ( $_POST['tbl'] as $id => $f ) {
				$id = (string) (int) $id;
				if ( ! isset( $tables[ $id ] ) ) { continue; }
				if ( ! empty( $f['delete'] ) ) { unset( $tables[ $id ] ); continue; }
				$tables[ $id ] = self::sanitize_table( $id, $f, $tables[ $id ] );
			}
		}

		if ( isset( $_POST['newtbl'] ) && is_array( $_POST['newtbl'] )
			&& trim( (string) ( isset( $_POST['newtbl']['label'] ) ? wp_unslash( $_POST['newtbl']['label'] ) : '' ) ) !== '' ) {
			$nid = (string) self::next_id();
			$tables[ $nid ] = self::sanitize_table( $nid, $_POST['newtbl'], array() );
			self::bump_next_id( $nid );
		}

		update_option( self::TABLES, $tables );
		global $wpdb;
		$wpdb->query( "DELETE FROM {$wpdb->options} WHERE option_name LIKE '_transient_wbcr_inp_%' OR option_name LIKE '_transient_timeout_wbcr_inp_%'" );
		if ( function_exists( 'rocket_clean_domain' ) ) { rocket_clean_domain(); }
		wp_safe_redirect( add_query_arg( array( 'page' => 'lvgr-main-tables', 'updated' => '1' ), admin_url( 'admin.php' ) ) );
		exit;
	}

	public static function ajax_preview() {
		if ( ! current_user_can( 'manage_options' ) ) { wp_send_json_error( 'denied', 403 ); }
		if ( ! check_ajax_referer( self::NONCE, '_wpnonce', false ) ) { wp_send_json_error( 'bad nonce', 403 ); }
		$f    = ( isset( $_POST['tbl_one'] ) && is_array( $_POST['tbl_one'] ) ) ? $_POST['tbl_one'] : array();
		$id   = isset( $_POST['tbl_id'] ) ? (int) $_POST['tbl_id'] : 0;
		$items = self::items();
		$args = self::sanitize_table( $id ?: 0, $f, array() );
		$html = self::render( $args, $items );
		wp_send_json_success( array(
			'preview'   => $html,
			'html'      => $html,
			'shortcode' => $id ? ( '[lvgr_main_table id="' . $id . '"]' ) : '',
		) );
	}

	protected static function card( $prefix, $tid, $t, $items ) {
		$def = self::table_defaults();
		$t   = array_merge( $def, is_array( $t ) ? $t : array() );
		$sel = is_array( $t['selected'] ) ? $t['selected'] : array();
		$pos = array_flip( $sel );
		$is_new = ( (int) $tid < 1 );
		$P = esc_attr( $prefix );

		$ordered = array();
		foreach ( $sel as $k ) { if ( isset( $items[ $k ] ) ) { $ordered[ $k ] = $items[ $k ]; } }
		foreach ( $items as $k => $c ) { if ( ! isset( $ordered[ $k ] ) ) { $ordered[ $k ] = $c; } }

		$sc = '[lvgr_main_table id="' . (int) $tid . '"]';

		$h  = '<div class="lvgr-mt-card" data-tid="' . esc_attr( $tid ) . '" style="display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start;border:1px solid #dcdcde;border-radius:8px;padding:18px;margin-bottom:20px;background:' . ( $is_new ? '#fffbe6' : '#fff' ) . ';">';
		$h .= '<div style="flex:1 1 460px;min-width:420px;">';
		$h .= '<h3 style="margin:0 0 12px;">' . ( $is_new ? '+ Νέος Πίνακας' : ( 'Πίνακας #' . (int) $tid ) ) . '</h3>';

		$h .= '<table class="form-table"><tbody>';
		$h .= '<tr><th>Όνομα (εσωτ.)</th><td><input type="text" name="' . $P . '[label]" value="' . esc_attr( $t['label'] ) . '" style="width:100%;" placeholder="π.χ. Ρουλέτα - Top 5" /></td></tr>';
		if ( ! $is_new ) {
			$h .= '<tr><th>Shortcode</th><td><input type="text" readonly value="' . esc_attr( $sc ) . '" style="width:100%;font-family:monospace;" onclick="this.select()" /> <button type="button" class="button lvgr-mt-copy" data-copy="' . esc_attr( $sc ) . '">Αντιγραφή</button></td></tr>';
		}
		$h .= '<tr><th>Κείμενο κουμπιού</th><td><input type="text" name="' . $P . '[cta_text]" value="' . esc_attr( $t['cta_text'] ) . '" /></td></tr>';
		$h .= '<tr><th>Κείμενο κριτικής</th><td><input type="text" name="' . $P . '[review_text]" value="' . esc_attr( $t['review_text'] ) . '" /></td></tr>';
		$h .= '<tr><th>Νομικό κείμενο (fallback)</th><td><input type="text" name="' . $P . '[legal]" value="' . esc_attr( $t['legal'] ) . '" style="width:100%;" /></td></tr>';
		$h .= '<tr><th>Κείμενο κορδελών (Top 3)</th><td>'
			. '<input type="text" name="' . $P . '[ribbon1]" value="' . esc_attr( $t['ribbon1'] ) . '" style="width:100%;margin-bottom:5px;" placeholder="1η θέση" />'
			. '<input type="text" name="' . $P . '[ribbon2]" value="' . esc_attr( $t['ribbon2'] ) . '" style="width:100%;margin-bottom:5px;" placeholder="2η θέση" />'
			. '<input type="text" name="' . $P . '[ribbon3]" value="' . esc_attr( $t['ribbon3'] ) . '" style="width:100%;" placeholder="3η θέση" /></td></tr>';
		$h .= '<tr><th>Μέγιστο πλάτος</th><td><input type="number" name="' . $P . '[max_width]" min="320" max="1200" step="10" value="' . esc_attr( $t['max_width'] ) . '" style="width:90px;" /> px</td></tr>';

		$tog = array(
			'show_ribbons' => 'Κορδέλες Top 3', 'show_rank' => 'Αριθμός θέσης', 'show_stars' => 'Αστέρια',
			'show_offer' => 'Κείμενο προσφοράς', 'show_pros' => 'Pros (✔)', 'show_review' => 'Σύνδεσμος κριτικής', 'show_legal' => 'Νομικό πλαίσιο',
		);
		$h .= '<tr><th>Τι εμφανίζεται</th><td>';
		foreach ( $tog as $tk => $tl ) {
			$h .= '<label style="display:inline-block;margin:0 14px 5px 0;"><input type="checkbox" name="' . $P . '[' . $tk . ']" value="1" ' . checked( ! empty( $t[ $tk ] ), true, false ) . ' /> ' . esc_html( $tl ) . '</label>';
		}
		$h .= '</td></tr>';
		$h .= '</tbody></table>';

		$h .= '<p class="description">Τα καζίνο (logo, link, βαθμολογία, προσφορά, pros, νομικό) διαχειρίζονται στο <a href="' . esc_url( admin_url( 'admin.php?page=lvgr-casino-table' ) ) . '">Casino Table</a>. Εδώ διαλέγεις ποια μπαίνουν σε αυτόν τον πίνακα και με τι σειρά.</p>';
		$h .= '<div style="overflow-x:auto;"><table class="widefat striped"><thead><tr><th style="width:44px;">Εμφ.</th><th style="width:60px;">Σειρά</th><th>Όνομα</th><th>Logo URL</th><th>Affiliate link</th><th>Κριτική (link)</th><th style="width:60px;">Βαθμ.</th><th>Κείμενο προσφοράς</th><th>Pros</th><th>Νομικό κείμενο</th></tr></thead><tbody>';
		$i = 0;
		$ro_style = 'font-size:11px;color:#666;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;';
		foreach ( $ordered as $k => $c ) {
			$on    = in_array( $k, $sel, true );
			$order = isset( $pos[ $k ] ) ? ( $pos[ $k ] + 1 ) : ( 100 + $i );
			$e = esc_attr( $k );
			$h .= '<tr>';
			$h .= '<td style="text-align:center;"><input type="checkbox" name="' . $P . '[enabled][' . $e . ']" value="1" ' . checked( $on, true, false ) . ' /></td>';
			$h .= '<td><input type="number" step="1" name="' . $P . '[order][' . $e . ']" value="' . esc_attr( $order ) . '" style="width:56px;" /></td>';
			$h .= '<td>' . esc_html( $c['name'] ) . '</td>';
			$h .= '<td style="' . $ro_style . '" title="' . esc_attr( $c['logo'] ) . '">' . esc_html( $c['logo'] ) . '</td>';
			$h .= '<td style="' . $ro_style . '" title="' . esc_attr( $c['url'] ) . '">' . esc_html( $c['url'] ) . '</td>';
			$h .= '<td style="' . $ro_style . '" title="' . esc_attr( $c['review'] ) . '">' . esc_html( $c['review'] ) . '</td>';
			$h .= '<td style="text-align:center;">' . esc_html( $c['rating'] ) . '</td>';
			$h .= '<td style="' . $ro_style . '" title="' . esc_attr( $c['offer'] ) . '">' . esc_html( $c['offer'] ) . '</td>';
			$h .= '<td style="' . $ro_style . '" title="' . esc_attr( isset( $c['pros'] ) ? $c['pros'] : '' ) . '">' . esc_html( isset( $c['pros'] ) ? $c['pros'] : '' ) . '</td>';
			$h .= '<td style="' . $ro_style . '" title="' . esc_attr( isset( $c['legal'] ) ? $c['legal'] : '' ) . '">' . esc_html( isset( $c['legal'] ) ? $c['legal'] : '' ) . '</td>';
			$h .= '</tr>';
			$i++;
		}
		$h .= '</tbody></table></div>';

		if ( ! $is_new ) {
			$h .= '<p style="margin-top:12px;"><label style="color:#b32d2e;"><input type="checkbox" name="' . $P . '[delete]" value="1" /> Διαγραφή αυτού του πίνακα</label></p>';
		}
		$h .= '</div>';

		$h .= '<div style="flex:1 1 380px;min-width:340px;">';
		$h .= '<p style="font-weight:600;margin:0 0 8px;">Προεπισκόπηση <span style="font-weight:400;font-size:12px;color:#777;">(ζωντανή)</span></p>';
		$h .= '<div class="lvgr-mt-preview" style="background:#eef1f5;padding:16px;border-radius:10px;overflow:auto;">' . ( $is_new ? '<em style="color:#777;">Διάλεξε καζίνο και πάτα Αποθήκευση…</em>' : self::render_table( (string) (int) $tid ) ) . '</div>';
		$h .= '<p style="font-weight:600;margin:16px 0 6px;">Αυτόνομο HTML</p>';
		$h .= '<textarea class="lvgr-mt-html" readonly rows="6" style="width:100%;font-family:monospace;font-size:11px;" onclick="this.select()">' . esc_textarea( $is_new ? '' : self::render_table( (string) (int) $tid ) ) . '</textarea>';
		$h .= '<button type="button" class="button lvgr-mt-copy-el" data-copy-el=".lvgr-mt-html">Αντιγραφή HTML</button>';
		$h .= '</div>';

		$h .= '</div>';
		return $h;
	}

	public static function page() {
		if ( ! current_user_can( 'manage_options' ) ) { return; }
		$items = self::items();

		echo '<div class="wrap"><h1>MAIN TABLES — Κλασικός Πίνακας Σύγκρισης</h1>';
		if ( isset( $_GET['updated'] ) ) {
			echo '<div class="notice notice-success is-dismissible"><p>Αποθηκεύτηκε. Οι κρυφές μνήμες καθαρίστηκαν.</p></div>';
		}
		echo '<p>Ίδιο σκεπτικό με το <a href="' . esc_url( admin_url( 'admin.php?page=lvgr-casino-table' ) ) . '">Casino Table</a>, αλλά ο πίνακας βγαίνει <b>ακριβώς όπως ο πίνακας της αρχικής σελίδας</b> (ίδιο CSS, ενσωματωμένο — δουλεύει σε οποιαδήποτε σελίδα, χωρίς να εξαρτάται από το home.css). Κάθε πίνακας παίρνει το δικό του shortcode <code>[lvgr_main_table id="N"]</code>.</p>';

		echo '<form id="lvgr-mt-form" method="post" action="' . esc_url( admin_url( 'admin-post.php' ) ) . '">';
		echo '<input type="hidden" name="action" value="lvgr_mt_save" />';
		wp_nonce_field( self::NONCE );
		foreach ( self::tables() as $tbl_id => $tbl_conf ) {
			echo self::card( 'tbl[' . (int) $tbl_id . ']', (int) $tbl_id, $tbl_conf, $items );
		}
		echo self::card( 'newtbl', 0, array(), $items );
		echo '<p style="margin-top:16px;"><button type="submit" class="button button-primary button-large">Αποθήκευση Πινάκων</button></p>';
		echo '</form>';

		echo '<script>(function(){'
			. 'function ct(txt,btn){var ta=document.createElement("textarea");ta.value=txt;document.body.appendChild(ta);ta.select();try{document.execCommand("copy");}catch(e){}document.body.removeChild(ta);var o=btn.textContent;btn.textContent="Αντιγράφηκε ✓";setTimeout(function(){btn.textContent=o;},1400);}'
			. 'var form=document.getElementById("lvgr-mt-form");if(!form)return;'
			. 'var nonce=(form.querySelector("[name=_wpnonce]")||{}).value||"";'
			. 'form.querySelectorAll(".lvgr-mt-copy").forEach(function(b){b.addEventListener("click",function(){ct(b.getAttribute("data-copy"),b);});});'
			. 'form.querySelectorAll(".lvgr-mt-copy-el").forEach(function(b){b.addEventListener("click",function(){var card=b.closest(".lvgr-mt-card");var el=card&&card.querySelector(b.getAttribute("data-copy-el"));if(el)ct(el.value,b);});});'
			. 'function refresh(card){var tid=card.getAttribute("data-tid");var fd=new FormData();fd.set("action","lvgr_mt_preview");fd.set("_wpnonce",nonce);fd.set("tbl_id",tid);'
			. 'card.querySelectorAll("input,select,textarea").forEach(function(el){if(!el.name)return;var n=el.name;if(n.indexOf("tbl[")===0){n="tbl_one"+n.slice(n.indexOf("]")+1);}else if(n.indexOf("newtbl")===0){n="tbl_one"+n.slice(6);}else{return;}if((el.type==="checkbox"||el.type==="radio")&&!el.checked)return;fd.append(n,el.value);});'
			. 'fetch(window.ajaxurl,{method:"POST",credentials:"same-origin",body:fd}).then(function(r){return r.json();}).then(function(j){if(!j||!j.success)return;var pv=card.querySelector(".lvgr-mt-preview");if(pv&&typeof j.data.preview==="string"&&j.data.preview!=="")pv.innerHTML=j.data.preview;var hm=card.querySelector(".lvgr-mt-html");if(hm)hm.value=j.data.html;}).catch(function(){});}'
			. 'var tm=null;var sc=function(ev){var card=ev.target.closest(".lvgr-mt-card");if(!card)return;clearTimeout(tm);tm=setTimeout(function(){refresh(card);},400);};form.addEventListener("input",sc);form.addEventListener("change",sc);'
			. '})();</script>';

		echo '</div>';
	}
}

LVGR_Main_Tables::init();

endif;