/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 18:8 Expected identifier but found whitespace
Line 18:10 Expected identifier but found "%"
Line 19:0 Unexpected "{"
Line 19:1 Expected identifier but found "%"
Line 21:0 Unexpected "{"
Line 21:1 Expected identifier but found "%"
Line 22:0 Unexpected "{"
Line 22:1 Expected identifier but found "%"
... and 130 more hidden warnings

**/
{% comment %}
  Individual Partner Card Component
  Usage: {% render 'dmc-partner-card', block: block, section_id: section.id %}
{% endcomment %}

{% assign partner = block.settings %}
{% assign card_id = partner.partner_id | default: block.id %}

<div 
  class="dmc-partner-card {% if partner.is_featured %}dmc-featured{% endif %}"
  data-partner-id="{{ card_id }}"
  data-price="{{ partner.price | default: 0 }}"
  data-rating="{{ partner.rating | default: 0 }}"
  data-availability="{{ partner.availability | default: 'available' }}"
  data-product-type="{{ partner.product_type }}"
>
  
  {%- comment -%} Featured Badge {%- endcomment -%}
  {% if partner.is_featured %}
    <div class="dmc-badge dmc-badge-featured">
      <svg width="14" height="14" fill="currentColor" viewBox="0 0 24 24">
        <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
      </svg>
      Featured
    </div>
  {% endif %}

  {%- comment -%} Comparison Checkbox - Desktop {%- endcomment -%}
  {% if enable_comparison %}
    <label class="dmc-compare-checkbox">
      <input 
        type="checkbox" 
        class="dmc-compare-input"
        data-product-id="{{ card_id }}"
        data-product-title="{{ partner.product_title }}"
        data-partner-name="{{ partner.partner_name }}"
      >
      <span class="dmc-checkbox-custom"></span>
    </label>
  {% endif %}

  {%- comment -%} Partner Logo {%- endcomment -%}
  <div class="dmc-partner-logo">
    {% if partner.partner_logo %}
      <img 
        src="{{ partner.partner_logo | image_url: width: 120 }}" 
        alt="{{ partner.partner_name }}"
        loading="lazy"
      >
    {% else %}
      <div class="dmc-logo-placeholder">
        {{ partner.partner_name | slice: 0, 2 | upcase }}
      </div>
    {% endif %}
  </div>

  {%- comment -%} Partner Info {%- endcomment -%}
  <div class="dmc-partner-info">
    <h3 class="dmc-partner-name">{{ partner.partner_name }}</h3>
    <p class="dmc-product-title">{{ partner.product_title }}</p>
  </div>

  {%- comment -%} Rating {%- endcomment -%}
  {% if partner.rating and partner.rating != '0' %}
    <div class="dmc-rating">
      <div class="dmc-stars" style="--rating: {{ partner.rating }};">
        ★★★★★
      </div>
      <span class="dmc-rating-text">{{ partner.rating }} ({{ partner.review_count | default: 0 }})</span>
    </div>
  {% endif %}

  {%- comment -%} Highlights {%- endcomment -%}
  {% if partner.highlights != blank %}
    <ul class="dmc-highlights">
      {% assign highlights_array = partner.highlights | split: ',' %}
      {% for highlight in highlights_array limit: 3 %}
        <li>
          <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24">
            <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
          </svg>
          {{ highlight | strip }}
        </li>
      {% endfor %}
    </ul>
  {% endif %}

  {%- comment -%} Meta Info {%- endcomment -%}
  <div class="dmc-meta-info">
    {% if partner.delivery_days != blank %}
      <div class="dmc-meta-item">
        <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24">
          <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/>
        </svg>
        <span>{{ partner.delivery_days }}</span>
      </div>
    {% endif %}

    <div class="dmc-availability dmc-availability-{{ partner.availability }}">
      {% case partner.availability %}
        {% when 'available' %}
          <span class="dmc-dot"></span> Available
        {% when 'limited' %}
          <span class="dmc-dot"></span> Limited
        {% when 'unavailable' %}
          <span class="dmc-dot"></span> Unavailable
      {% endcase %}
    </div>
  </div>

  {%- comment -%} Price {%- endcomment -%}
  <div class="dmc-price-section">
    <div class="dmc-price">
      <span class="dmc-currency">{{ partner.currency | default: shop.currency }}</span>
      <span class="dmc-amount">{{ partner.price | default: 0 }}</span>
      {% if partner.product_type == 'rental_partner' %}
        <span class="dmc-period">/day</span>
      {% elsif partner.product_type == 'tour' %}
        <span class="dmc-period">/person</span>
      {% endif %}
    </div>
  </div>

  {%- comment -%} CTA Button {%- endcomment -%}
  <div class="dmc-card-actions">
    
    {%- comment -%} Mobile Compare Checkbox {%- endcomment -%}
    {% if enable_comparison %}
      <label class="dmc-compare-checkbox-mobile">
        <input 
          type="checkbox" 
          class="dmc-compare-input-mobile"
          data-product-id="{{ card_id }}"
          data-product-title="{{ partner.product_title }}"
          data-partner-name="{{ partner.partner_name }}"
        >
        <span>Compare</span>
      </label>
    {% endif %}

    {% if partner.cta_type == 'redirect' %}
      <button 
        class="dmc-btn dmc-btn-primary dmc-btn-redirect"
        data-partner-id="{{ card_id }}"
        data-partner-name="{{ partner.partner_name }}"
        data-redirect-url="{{ partner.redirect_url }}"
        data-product-type="{{ partner.product_type }}"
        {% if partner.availability == 'unavailable' %}disabled{% endif %}
      >
        {% if partner.product_type == 'event' %}
          Register Now
        {% elsif partner.product_type == 'stay' %}
          Book Now
        {% else %}
          View Details
        {% endif %}
        <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24">
          <path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/>
        </svg>
      </button>
    {% else %}
      <button 
        class="dmc-btn dmc-btn-primary dmc-btn-lead"
        data-partner-id="{{ card_id }}"
        data-partner-name="{{ partner.partner_name }}"
        data-product-title="{{ partner.product_title }}"
        data-product-type="{{ partner.product_type }}"
        data-notification-type="{{ partner.notification_type }}"
        data-contact-email="{{ partner.contact_email }}"
        data-contact-phone="{{ partner.contact_phone }}"
        {% if partner.availability == 'unavailable' %}disabled{% endif %}
      >
        {% if partner.product_type == 'event' %}
          Register Interest
        {% elsif partner.product_type == 'stay' %}
          Check Availability
        {% else %}
          Get Quote
        {% endif %}
      </button>
    {% endif %}

  </div>

</div>