/**
 * CK Group - Case Study admin controls.
 * Handles native Project Items and Project Gallery meta boxes.
 */
(function ($) {
  "use strict";

  function initProjectItems() {
    var $list = $("#ck-cs-items-list");
    if (!$list.length) return;

    function buildItemRow(data) {
      data = data || {};

      var $li = $('<li class="ck-sd-item">');
      $li.append('<span class="ck-drag-handle dashicons dashicons-menu" title="Drag to reorder"></span>');

      var $fields = $('<div class="ck-sd-fields">');
      var $iconRow = $('<div class="ck-icon-row">');
      var $iconInput = $('<input type="text" name="cs_items_icon[]">')
        .val(data.icon || "")
        .attr("placeholder", "e.g. fas fa-check");
      var $iconButton = $('<button type="button" class="button ck-pick-icon-btn" style="flex-shrink:0;padding:0 8px;"><i class="fas fa-icons"></i> Pick</button>');
      var $iconPreview = $('<span class="ck-icon-preview" style="font-size:20px;flex-shrink:0;">');

      if (data.icon) $iconPreview.html('<i class="' + data.icon + '"></i>');
      $iconRow.append($iconInput, $iconButton, $iconPreview);

      $fields.append(
        $('<div class="ck-sd-field">').append("<label>Icon (FA class)</label>", $iconRow),
        $('<div class="ck-sd-field">').append(
          '<label>Heading <span style="color:#c0392b">*</span></label>',
          $('<input type="text" name="cs_items_title[]">').val(data.title || "").attr("placeholder", "e.g. Challenge")
        ),
        $('<div class="ck-sd-field">').append(
          "<label>Description</label>",
          $('<textarea name="cs_items_desc[]" rows="3">').val(data.desc || "").attr("placeholder", "Short description")
        )
      );

      $li.append($fields);
      $li.append('<button type="button" class="button ck-remove-btn"><i class="fas fa-trash"></i> Remove</button>');

      return $li;
    }

    $list.sortable({
      handle: ".ck-drag-handle",
      placeholder: "ck-sd-sortable-ph",
      forcePlaceholderSize: true,
      axis: "y",
      tolerance: "pointer",
      start: function (e, ui) {
        ui.placeholder.css("height", ui.item.outerHeight());
      },
    });

    $(document).on("input change", '#ck-cs-items-list input[name="cs_items_icon[]"]', function () {
      var value = $(this).val().trim();
      $(this).closest(".ck-sd-field").find(".ck-icon-preview").html(value ? '<i class="' + value + '"></i>' : "");
    });

    $(document).on("click", "#ck-cs-items-list .ck-pick-icon-btn", function (e) {
      e.preventDefault();
      var $input = $(this).closest(".ck-icon-row").find('input[name="cs_items_icon[]"]');
      if (typeof window.ckOpenIconPicker === "function") window.ckOpenIconPicker($input);
    });

    $(document).on("click", "#ck-cs-items-list .ck-remove-btn", function () {
      $(this).closest(".ck-sd-item").remove();
    });

    $("#ck-cs-add-item").on("click", function () {
      var $row = buildItemRow();
      $list.append($row);
      $row.find('input[name="cs_items_title[]"]').focus();
    });
  }

  function initProjectGallery() {
    var $list = $("#ck-cs-gallery-list");
    if (!$list.length) return;

    function buildGalleryRow(image) {
      image = image || {};
      var url = image.url || "";
      var id = image.id || "";

      var $li = $('<li class="ck-sd-item ck-cs-gallery-item">');
      $li.append('<span class="ck-drag-handle dashicons dashicons-menu" title="Drag to reorder"></span>');

      var $preview = $('<div class="ck-cs-gallery-preview" style="margin-bottom:8px;">');
      if (url) {
        $preview.html('<img src="' + url + '" alt="" style="width:160px;height:105px;object-fit:cover;border:1px solid #ccd0d4;border-radius:4px;">');
      }

      var $field = $('<div class="ck-sd-field">').append(
        "<label>Image</label>",
        $preview,
        $('<input type="hidden" name="cs_gallery_id[]">').val(id),
        $('<input type="url" name="cs_gallery_url[]">').val(url).attr("placeholder", "Image URL"),
        $('<p style="margin:8px 0 0;">').append('<button type="button" class="button ck-cs-gallery-select">Select / Replace Image</button>')
      );

      $li.append($('<div class="ck-sd-fields">').append($field));
      $li.append('<button type="button" class="button ck-remove-btn"><i class="fas fa-trash"></i> Remove</button>');

      return $li;
    }

    function setImage($row, image) {
      var url = image.url || "";
      var id = image.id || "";

      $row.find('input[name="cs_gallery_id[]"]').val(id);
      $row.find('input[name="cs_gallery_url[]"]').val(url);
      $row.find(".ck-cs-gallery-preview").html(
        url ? '<img src="' + url + '" alt="" style="width:160px;height:105px;object-fit:cover;border:1px solid #ccd0d4;border-radius:4px;">' : ""
      );
    }

    function openImageFrame(options) {
      options = options || {};

      var frame = wp.media({
        title: options.multiple ? "Select Project Images" : "Select Project Image",
        button: { text: options.multiple ? "Add Images" : "Use Image" },
        library: { type: "image" },
        multiple: !!options.multiple,
      });

      frame.on("select", function () {
        var selection = frame.state().get("selection");
        if (options.multiple) {
          selection.each(function (attachment) {
            var image = attachment.toJSON();
            $list.append(buildGalleryRow({ id: image.id || "", url: image.url || "" }));
          });
          return;
        }

        var selected = selection.first();
        if (!selected || !options.$row) return;

        var image = selected.toJSON();
        setImage(options.$row, { id: image.id || "", url: image.url || "" });
      });

      frame.open();
    }

    $list.sortable({
      handle: ".ck-drag-handle",
      placeholder: "ck-sd-sortable-ph",
      forcePlaceholderSize: true,
      axis: "y",
      tolerance: "pointer",
      start: function (e, ui) {
        ui.placeholder.css("height", ui.item.outerHeight());
      },
    });

    $("#ck-cs-add-gallery-image").on("click", function () {
      openImageFrame({ multiple: true });
    });

    $(document).on("click", "#ck-cs-gallery-list .ck-cs-gallery-select", function (e) {
      e.preventDefault();
      openImageFrame({ multiple: false, $row: $(this).closest(".ck-cs-gallery-item") });
    });

    $(document).on("click", "#ck-cs-gallery-list .ck-remove-btn", function () {
      $(this).closest(".ck-cs-gallery-item").remove();
    });

    $(document).on("input change", '#ck-cs-gallery-list input[name="cs_gallery_url[]"]', function () {
      var url = $(this).val().trim();
      $(this)
        .closest(".ck-cs-gallery-item")
        .find(".ck-cs-gallery-preview")
        .html(url ? '<img src="' + url + '" alt="" style="width:160px;height:105px;object-fit:cover;border:1px solid #ccd0d4;border-radius:4px;">' : "");
    });
  }

  $(function () {
    initProjectItems();
    initProjectGallery();
  });
})(jQuery);
<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet type="text/xsl" href="//www.theckgroup.co.uk/main-sitemap.xsl"?>
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd http://www.google.com/schemas/sitemap-image/1.1 http://www.google.com/schemas/sitemap-image/1.1/sitemap-image.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
	<url>
		<loc>https://www.theckgroup.co.uk/public-sector-refurbishment-what-clients-should-look-for-in-a-reliable-contractor/</loc>
		<lastmod>2026-05-16T17:49:32+00:00</lastmod>
	</url>
</urlset>
<!-- XML Sitemap generated by Rank Math SEO Plugin (c) Rank Math - rankmath.com -->