{% extends "base.html" %}
{% load crispy_forms_tags %}
{% load currency_filters %}
{% block title %} {{ auction.title }} {% endblock %}
{% load static %}
{% block extra_js %}
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v9.0" nonce="e1MMTYSx"></script>
<script>pageView({'auction':{{ auction.pk }} });</script>
<script>
function copyLink() {
  var copyText = document.getElementById("copyShareLink");
  copyText.select();
  copyText.setSelectionRange(0, 99999);
  document.execCommand("copy");

  // Show feedback
  var feedback = document.getElementById("copyFeedback");
  if (feedback) {
    feedback.classList.remove("d-none");
    feedback.classList.add("d-block");
    setTimeout(function() {
      feedback.classList.remove("d-block");
      feedback.classList.add("d-none");
    }, 3000);
  }
}
var read_start = new Date().getTime();
$("#submit-id-submit").click(function(event){
    var time_spent = (new Date().getTime() - read_start) / 1000;
    $('#id_time_spent_reading_rules').val(~~time_spent);
});
</script>
{% if not hasChosenLocation and not ended %}
<script>
  function elementInViewport(el) {
    var top = el.offsetTop;
    var left = el.offsetLeft;
    var width = el.offsetWidth;
    var height = el.offsetHeight;

    while(el.offsetParent) {
        el = el.offsetParent;
        top += el.offsetTop;
        left += el.offsetLeft;
  }

  return (
    top >= window.pageYOffset &&
    left >= window.pageXOffset &&
    (top + height) <= (window.pageYOffset + window.innerHeight) &&
    (left + width) <= (window.pageXOffset + window.innerWidth)
  );
}
{% if auction.online_bidding != 'disable' %}
  var joinButton = document.querySelector('#submit-id-submit');
  var message;
  var messageCheck;
    document.onscroll = function(event) {
    clearTimeout(messageCheck);
    messageCheck = setTimeout(function(){
        if (joinButton) {
            if (elementInViewport(joinButton)) {
                $('#join-message').tooltip('hide');
                clearTimeout(message);
                $('#submit-id-submit').attr('data-bs-title', "Join this auction and you'll be able to bid").tooltip('show');
                message = setTimeout(function(){ $('#submit-id-submit').tooltip('hide'); }, 3000);
            } else {
                clearTimeout(message);
                $('#join-message').tooltip('show');
                message = setTimeout(function(){ $('#join-message').tooltip('hide'); }, 3000);
            }
        }
    }, 100);

}
{% endif %}

</script>
{% endif %}

{% if not auction.no_location and google_maps_api_key %}
<script
src="https://maps.googleapis.com/maps/api/js?key={{google_maps_api_key}}&callback=initMap&libraries=&v=weekly&libraries=marker"
async
></script>
<script>

function initMap() {
    var map;
    var bounds = new google.maps.LatLngBounds();
    var mapOptions = {mapId:"location_map"};
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
    var markers = [
        {% for location in pickup_locations %}
        {%if location.has_coordinates %}
        ['{{ location.name }}', {{ location.latitude }},{{ location.longitude }}],
        {% endif %}
        {% endfor %}
    ];
    var infoWindowContent = [
        {% for location in pickup_locations %}
        {%if location.has_coordinates %}
        ['<div class="info_content" style="color:black;">' +
        '<h5>{{ location.name }}</h5>' +
        `{% include 'location_fragment_map.html' %}</div>`],
        {% endif %}
        {% endfor %}
    ];

    var infoWindow = new google.maps.InfoWindow(), marker, i;

    for( i = 0; i < markers.length; i++ ) {
        var position = new google.maps.LatLng(markers[i][1], markers[i][2]);
        bounds.extend(position);
        marker = new google.maps.marker.AdvancedMarkerElement({
            position: position,
            map: map,
            title: markers[i][0],
        });

        // Allow each marker to have an info window
        google.maps.event.addListener(marker, 'click', (function(marker, i) {
            return function() {
                infoWindow.setContent(infoWindowContent[i][0]);
                infoWindow.open(map, marker);
            }
        })(marker, i));
        map.fitBounds(bounds);
    }
    {% if not auction.multi_location %}
    var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function(event) {
        this.setZoom(9);
        google.maps.event.removeListener(boundsListener);
    });
    {%endif%}


}
</script>
{% elif not auction.no_location %}
<script>console.error("Google Maps is not configured; skipping auction map rendering.");</script>
{% endif %}
{% endblock %}
{% block content %}
<div id="fb-root"></div>

            {% include 'auction_ribbon.html' %}

            {% if can_make_current_auction %}
            <div class="alert alert-info d-flex flex-wrap align-items-center justify-content-between gap-2 mb-4">
              <span><i class="bi bi-star"></i> Pin this auction to {{ auction.club.name }}'s sidebar.</span>
              <a href="{% url 'auction_main' slug=auction.slug %}?make_current_auction=true" class="btn btn-sm btn-info">
                <i class="bi bi-pin-angle"></i> Make this the current club auction
              </a>
            </div>
            {% endif %}

            {# Quick Actions Section - Organized and Clean #}
            <div class="card mb-4">
                <div class="card-body">
                    <div class="row g-2">
                        <div class="col-12 col-md-auto">
                            <a href='{{ auction.view_lot_link }}' class="btn btn-primary btn-sm w-100"><i class="bi bi-calendar"></i> View Lots</a>
                        </div>
                        {% comment %} AR lot scanning is app-only (native camera); deep-link into it. Visible to every user. {% endcomment %}
                        {% if request.is_mobile_app %}
                        <div class="col-12 col-md-auto">
                            <a href="fishauctions://ar/{{ auction.slug }}" class="btn btn-primary btn-sm w-100"><i class="bi bi-badge-ar"></i> AR Lots</a>
                        </div>
                        {% endif %}
                        <div class="col-12 col-md-auto">
                            {% if auction.is_online or not auction.allow_bulk_adding_lots %}
                            <a href='{{auction.add_lot_link}}' class="btn btn-success btn-sm w-100"><i class="bi bi-calendar-plus"></i> Add Lot</a>
                            {% else %}
                            <a href='{% url "bulk_add_lots_auto_for_myself" slug=auction.slug %}' class="btn btn-success btn-sm w-100"><i class="bi bi-calendar-plus"></i> Add Lots</a>
                            {% endif %}
                        </div>
                        <div class="col-12 col-md-auto">
                            <a href='{% url "my_auction_invoice" slug=auction.slug %}' class="btn btn-info btn-sm w-100"><i class="bi bi-bag"></i> My Invoice</a>
                        </div>
                        {% if auction_contact_email and request.user.is_authenticated %}
                        <div class="col-12 col-md-auto">
                            <a href="mailto:{{ auction_contact_email }}" class="btn btn-secondary btn-sm w-100"><i class="bi bi-envelope"></i> Email</a>
                        </div>
                        {% endif %}
                        {% comment %} Label printing is native (Bluetooth) in the mobile app; hide the web print-labels button there. {% endcomment %}
                        {% if request.user.is_authenticated and user_has_lots and not request.is_mobile_app %}
                        <div class="col-12 col-md-auto">
                            <a href='{% url "print_my_labels" slug=auction.slug %}' class="btn btn-secondary btn-sm w-100"><i class="bi bi-tags"></i> Print Labels</a>
                        </div>
                        {% endif %}
                    </div>

                    {# Admin Actions - Collapsible Section #}
                    {% if view.is_auction_admin or request.user.is_superuser %}
                    <hr class="my-3">
                    <div class="d-grid">
                        <button class="btn btn-sm btn-secondary text-light" type="button" data-bs-toggle="collapse" data-bs-target="#adminActions" aria-expanded="false" aria-controls="adminActions" aria-label="Show or hide admin actions">
                            <i class="bi bi-gear-fill"></i> Admin Actions <i class="bi bi-chevron-down"></i>
                        </button>
                    </div>
                    <div class="collapse mt-2" id="adminActions">
                        <div class="row g-2">
                            {% if view.is_auction_admin %}
                            <div class="col-12 col-md-auto">
                                <a href='{% url "auction_tos_list" slug=auction.slug %}' class="btn btn-primary btn-sm w-100"><i class="bi bi-people-fill"></i> Users</a>
                            </div>
                            <div class="col-12 col-md-auto">
                                <a href="/auctions/{{auction.slug}}/lots" class="btn btn-primary btn-sm w-100"><i class="bi bi-calendar"></i> Lots</a>
                            </div>
                            {% if not auction.is_online %}
                            <div class="col-12 col-md-auto">
                                <a href="{{ auction.set_lot_winners_link }}" class="btn btn-primary btn-sm w-100"><i class="bi bi-calendar-check"></i> Set lot winners</a>
                            </div>
                            <div class="col-12 col-md-auto">
                                <a href='{% url "auction_quick_checkout" slug=auction.slug %}' class="btn btn-primary btn-sm w-100"><i class="bi bi-bag-heart"></i> Quick checkout</a>
                            </div>
                            {% if not request.is_mobile_app %}
                            <div class="col-12 col-md-auto">
                                <a href='{% url "auction_printing" slug=auction.slug %}' class="btn btn-primary btn-sm w-100"><i class="bi bi-tags"></i> Print labels</a>
                            </div>
                            {% endif %}
                            {% endif %}
                            <div class="col-12 col-md-auto">
                                <a href='{% url "all_my_users" %}' class="btn btn-primary btn-sm w-100" data-bs-toggle="tooltip" title="All contacts for all auctions where you're an admin"><i class="bi bi-person-fill-down"></i> Marketing List</a>
                            </div>
                            <div class="col-12 col-md-auto">
                                <a href="/auctions/{{auction.slug}}/stats/" class="btn btn-primary btn-sm w-100"><i class="bi bi-graph-up"></i> Stats</a>
                            </div>
                            <div class="col-12 col-md-auto">
                                <a href="{% url 'auction_history' slug=auction.slug %}" class="btn btn-primary btn-sm w-100"><i class="bi bi-clock-history"></i> Admin history</a>
                            </div>
                            <div class="col-12 col-md-auto">
                                <a href='/auctions/{{auction.slug}}/edit' class="btn btn-primary btn-sm w-100"><i class="bi bi-gear-fill"></i> Edit Rules</a>
                            </div>
                            <div class="col-12 col-md-auto">
                                <a href="{{ auction.location_link }}" class="btn btn-primary btn-sm w-100"><i class="bi bi-geo-alt-fill"></i> Location{% if auction.location_qs|length > 1 %}s{% endif %}</a>
                            </div>
                            <div class="col-12 col-md-auto">
                                <a href="{% url 'auction_chat' slug=auction.slug %}" class="btn btn-primary btn-sm w-100"><i class="bi bi-chat-fill"></i> Chat messages</a>
                            </div>
                            <div class="col-12 col-md-auto">
                                <a href="{% url 'create_auction' %}?copy={{auction.slug}}" class="btn btn-primary btn-sm w-100"><i class="bi bi-plus-circle"></i> Copy to new auction</a>
                            </div>
                            {% if not auction.multi_location %}
                            {% for location in pickup_locations %}
                                <div class="col-12 col-md-auto">
                                    <a href="mailto:?bcc={{location.email_list}}&subject={{auction}}" class="btn btn-primary btn-sm w-100"><i class="bi bi-envelope-at"></i> Email {{location.number_of_users}} Users</a>
                                </div>
                            {% endfor %}
                            {% endif %}
                            <div class="col-12 col-md-auto">
                                <a href="/auctions/{{auction.slug}}/delete/" class="btn btn-danger btn-sm w-100"><i class="bi bi-x-circle"></i> Delete auction</a>
                            </div>
                            {% endif %}
                            {% if request.user.is_superuser %}
                            <div class="col-12 col-md-auto">
                                <a href="/admin/auctions/auction/{{auction.pk}}/change/" class="btn btn-danger btn-sm w-100">Django Admin</a>
                            </div>
                            {% endif %}
                        </div>
                    </div>
                    {% endif %}
                </div>
            </div>

            {# Auction Description #}
            {% if auction.summernote_description %}
            <div class="card mb-4">
                <div class="card-body">
                    {{ auction.summernote_description|safe }}
                </div>
            </div>
            {% endif %}

            {# Auction Rules - Not collapsible #}
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0">Auction Rules & Details</h5>
                </div>
                <div class="card-body">
                    <ul class="list-unstyled">
                            <li class="mb-2">This is an <strong>{{ auction.auction_type_as_str }}</strong></li>
                            {% if auction.is_online %}
                                <li class="mb-2">You must place bids on this website</li>
                                <li class="mb-2">Bidding will be open from <strong>{{ auction.date_start }}</strong> to <strong>{{ auction.date_end}}</strong></li>
                                {% if not auction.sealed_bid %}<li class="mb-2">If last minute bids are placed on a lot, the <a href="/faq#how-exactly-do-dynamic-endings-work">end time for that lot will be extended</a>. All lots will end by {{ auction.dynamic_end }}</li>{% endif %}
                                {% if auction.lot_submission_start_date != auction.date_start %}<li class="mb-2">You can submit lots starting {{ auction.lot_submission_start_date }}</li>{% endif %}
                                {% if auction.lot_submission_end_date != auction.date_end %}<li class="mb-2">You can submit lots until {{ auction.lot_submission_end_date }}</li>{% endif %}
                            {% else %}
                                {% if auction.online_bidding != 'disable' and auction.date_online_bidding_starts and auction.date_online_bidding_ends %}
                                    <li class="mb-2">{% if auction.online_bidding == 'buy_now_only' %}Buying lots online{% else %}Online bidding{% endif %} is allowed starting {{ auction.date_online_bidding_starts }} {% if auction.date_online_bidding_ends != auction.date_start %} to {{ auction.date_online_bidding_ends }}{% endif %}</li>
                                {% endif %}
                                {% if auction.lot_submission_start_date != auction.date_start %}<li class="mb-2">You can submit lots starting {{ auction.lot_submission_start_date }}</li>{% endif %}
                                {% if auction.lot_submission_end_date != auction.date_start %}<li class="mb-2">You can submit lots until {{ auction.lot_submission_end_date }}</li>{% endif %}
                            {% endif %}
                            {% if auction.sealed_bid %}<li class="mb-2">This is a sealed bid auction - you won't be able to see how much others have bid on a lot.</li>{% endif %}
                            {% if auction.max_lots_per_user %}<li class="mb-2">You can submit up to {{ auction.max_lots_per_user }} lots.{% if auction.allow_additional_lots_as_donation %} Additional lots accepted only as a donation.{% endif %}</li>{% endif %}
                            {% if auction.pre_register_lot_discount_percent %}
                                {% if auction.winning_bid_percent_to_club and auction.lot_entry_fee %} <li class="mb-2">For lots you pre-register on {{ domain }}, you will be charged {{ auction.currency_symbol }}{{ auction.lot_entry_fee }} plus {{ auction.template_pre_register_fee }}% of the winning price per lot you sell</li>
                                {% else %} {% if auction.winning_bid_percent_to_club %} <li class="mb-2">For lots you pre-register on {{ domain }}, you will be charged {{ auction.template_pre_register_fee }}% of the winning price per lot you sell</li> {% endif %}
                                {% if auction.lot_entry_fee %} <li class="mb-2">For lots you pre-register on {{ domain }}, you will be charged a flat rate of {{ auction.currency_symbol }}{{ auction.lot_entry_fee }}, minus {{ auction.pre_register_lot_discount_percent }}% per lot you sell</li> {% endif %}
                                {% endif %}
                            {% endif %}
                            {% if auction.winning_bid_percent_to_club and auction.lot_entry_fee %} <li class="mb-2">{% if auction.pre_register_lot_discount_percent %}For lots registered by auction staff on site, you{% else %}You{% endif %} will be charged {{ auction.currency_symbol }}{{ auction.lot_entry_fee }} plus {{ auction.winning_bid_percent_to_club }}% of the winning price per lot you sell</li>
                            {% else %} {% if auction.winning_bid_percent_to_club %} <li class="mb-2">{% if auction.pre_register_lot_discount_percent %}For lots registered by auction staff on site, you{% else %}You{% endif %} will be charged {{ auction.winning_bid_percent_to_club }}% of the winning price per lot you sell</li> {% endif %}
                            {% if auction.lot_entry_fee %} <li class="mb-2">You will be charged a flat rate of {{ auction.currency_symbol }}{{ auction.lot_entry_fee }} per lot you sell</li> {% endif %}
                            {% endif %}
                            {% if auction.unsold_lot_fee %}<li class="mb-2">If your lot does not sell, you will be charged {{ auction.currency_symbol }}{{ auction.unsold_lot_fee }}</li>{% endif %}
                            {% if auction.force_donation_threshold %}<li class="mb-2">If your lot sells for {{ auction.currency_symbol }}{{auction.force_donation_threshold}} or less, it will be considered a donation to the club</li>{% endif %}
                            {% if auction.minimum_bid > 2 %} <li class="mb-2">There will be a minimum bid of {{ auction.currency_symbol }}{{auction.minimum_bid}} on all lots{% if auction.reserve_price != "disable" %}, and sellers can set their own minimum bids{% endif %}</li> {% endif %}
                            {% if auction.buy_now != 'disable' %} <li class="mb-2">Sellers can set a buy now price on their lots, which will allow a lot to be sold without bidding</li> {% endif %}
                        </ul>
                    </div>
                </div>

            {# Map Display #}
            {% if not auction.no_location %}
            <div class="card mb-4">
                <div class="card-body p-0">
                    <div id="map_wrapper" style='height: 400px;'>
                        {% if google_maps_api_key %}
                        <div id="map_canvas" class="mapping" style='width: 100%; height: 100%;'></div>
                        {% else %}
                        <div class="alert alert-warning m-3">Map unavailable until a Google Maps API key is configured.</div>
                        {% endif %}
                    </div>
                </div>
            </div>
            {% endif %}

            {# Join Auction Section - More Prominent #}
            {% if auction.all_location_count %}
            <a name="join"></a>
            {% if not ended %}
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0"><i class="bi bi-box-arrow-in-right"></i> Join This Auction</h5>
                    </div>
                    <div class="card-body">
                        {% if request.user.is_authenticated %}
                            {% if auction.is_online %}
                            <p class="mb-3">To participate in this auction, please confirm that you've read the rules and select your pickup location.</p>
                            {% else %}
                            <p class="mb-3">To participate in this auction, please confirm that you've read the rules.</p>
                            {% endif %}
                            {% if show_club_join_message %}
                            <p class="mb-3"><small class="text-muted"><i class="bi bi-info-circle"></i> Joining this auction will also add you to <strong>{{ auction.club.name }}</strong>.</small></p>
                            {% endif %}
                            {% crispy form form.helper %}
                        {% else %}
                            <p class="mb-0"><a href="{% url 'account_login' %}?next={% firstof request.path '/' %}" class="btn btn-primary">Please login to join the auction</a></p>
                        {% endif %}

                        {# Single location details shown here #}
                        {% if not auction.multi_location %}
                        {% for location in pickup_locations %}
                        <hr class="my-3">
                        {% if location.description %}
                            <p>{{ location.description|linebreaksbr }}</p>
                        {% endif %}
                        {% if not location.pickup_by_mail %}
                            {% if location.users_must_coordinate_pickup %}
                                <p>You must schedule your pickup time in advance.</p>
                            {% else %}
                                <p><strong>Pickup:</strong> {{ location.pickup_time }}</p>
                            {% endif %}
                            <div class="btn-group flex-wrap" role="group">
                                {%if location.has_coordinates %}
                                <a href="{{location.directions_link}}" class="btn btn-sm btn-primary"><i class="bi bi-geo-alt-fill"></i> Get directions</a>
                                {% endif %}
                                {% if hasChosenLocation == location.pk and not location.users_must_coordinate_pickup %}
                                {% include 'auction_calendar_button.html' with location=location second="False" label="Add to calendar" %}
                                {% endif %}
                                {% if view.is_auction_admin %}
                                <a href="/locations/edit/{{ location.pk }}/?next=/auctions/{{auction.slug}}" class="btn btn-sm btn-warning"><i class="bi bi-gear-fill"></i> Edit</a>
                                {% endif %}
                            </div>
                            {% if location.second_pickup_time %}
                                <p class="mt-3">You must return on <strong>{{ location.second_pickup_time }}</strong> to pick up lots from other locations.</p>
                                {% if hasChosenLocation == location.pk%}
                                {% include 'auction_calendar_button.html' with location=location second="True" label="Add return pickup to calendar" %}
                                {% endif %}
                            {% endif %}
                        {% endif %}
                        {% endfor %}
                        {% endif %}
                    </div>
                </div>
            {% endif %}
            <div id="join-message" style="position:fixed; bottom:0; right:30%; visibility: hidden; opacity: 0;" data-toggle="tooltip" data-placement="top" title="Keep scrolling to join this auction"></div>

            {# Multi-location Details with Horizontal Scrolling Tabs #}
            {% if auction.multi_location %}
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0"><i class="bi bi-geo-alt-fill"></i> Pickup Locations</h5>
                </div>
                <div class="card-body">
                    {# Horizontal scrolling tabs for mobile #}
                    <div class="overflow-auto">
                        <ul class="nav nav-tabs flex-nowrap mb-3" role="tablist" style="flex-wrap: nowrap;">
                            {% for location in pickup_locations %}
                            <li class="nav-item" role="presentation">
                                <a class="nav-link {% if hasChosenLocation == location.pk%}active{% endif %}"
                                   data-bs-toggle="tab"
                                   href="#location_{{location.pk}}{{location.short_name}}"
                                   role="tab"
                                   aria-controls="location_{{location.pk}}{{location.short_name}}"
                                   aria-selected="{% if hasChosenLocation == location.pk%}true{% else %}false{% endif %}">
                                    {% if location.pickup_by_mail %}Mail me my lots{% else %}{{ location.name }}{% endif %}
                                </a>
                            </li>
                            {% endfor %}
                        </ul>
                    </div>

                    <div id="locationTabContent" class="tab-content">
                        {% for location in pickup_locations %}
                        {# location content for multi-location auction ONLY here #}
                        <div class="tab-pane fade {% if hasChosenLocation == location.pk%}active show{% endif %}"
                             id="location_{{location.pk}}{{location.short_name}}"
                             role="tabpanel"
                             aria-labelledby="location-{{location.pk}}-tab">

                            {% if hasChosenLocation == location.pk%}
                            <div class="alert alert-success mb-3" role="alert">
                                <i class="bi bi-check-circle-fill"></i> <strong>Your Confirmed Location</strong>
                            </div>
                            {% endif %}

                            {% if location.description %}
                                <p>{{ location.description|linebreaksbr }}</p>
                            {% endif %}

                            {% if not location.pickup_by_mail %}
                                {% if location.users_must_coordinate_pickup %}
                                    <p>You must schedule your pickup time in advance.</p>
                                {% else %}
                                    <p><strong>Pickup:</strong> {{ location.pickup_time }}</p>
                                {% endif %}

                                <div class="btn-group mb-3 flex-wrap" role="group">
                                    {%if location.has_coordinates %}
                                    <a href="{{location.directions_link}}" class="btn btn-sm btn-primary"><i class="bi bi-geo-alt-fill"></i> Get directions</a>
                                    {% endif %}
                                    {% if hasChosenLocation == location.pk and not location.users_must_coordinate_pickup %}
                                    {% include 'auction_calendar_button.html' with location=location second="False" label="Add to calendar" %}
                                    {% endif %}
                                    {% if view.is_auction_admin %}
                                    <a href="/locations/edit/{{ location.pk }}/?next=/auctions/{{auction.slug}}" class="btn btn-sm btn-warning"><i class="bi bi-gear-fill"></i> Edit</a>
                                    {% if auction.all_location_count > 1 %}
                                    <a href='{% url "location_incoming" pk=location.pk %}' class="btn btn-sm btn-primary"><i class="bi bi-box-arrow-in-down-right"></i> Incoming lot list</a>
                                    <a href='{% url "location_outgoing" pk=location.pk %}' class="btn btn-sm btn-primary"><i class="bi bi-box-arrow-down-right"></i> Outgoing lot list</a>
                                    {% endif %}
                                    <a href="mailto:?bcc={{location.email_list}}&subject={{auction}} - {{location.name}}" class="btn btn-sm btn-info"><i class="bi bi-envelope-at"></i> Email {{location.number_of_users}}</a>
                                    {% endif %}
                                </div>

                                {% if location.second_pickup_time %}
                                    <p>You must return on <strong>{{ location.second_pickup_time }}</strong> to pick up lots from other locations.</p>
                                    {% if hasChosenLocation == location.pk%}
                                    {% include 'auction_calendar_button.html' with location=location second="True" label="Add return pickup to calendar" %}
                                    {% endif %}
                                {% endif %}
                            {% endif %}

                            {% if location.contact_person %}
                            {% if hasChosenLocation == location.pk or view.is_auction_admin %}
                            <div class="mt-3 p-3 border rounded">
                                <h6 class="mb-2"><i class="bi bi-person-circle"></i> Location Contact</h6>
                                <p class="mb-1"><strong>{{location.contact_person.name | default:""}}</strong></p>
                                <p class="mb-1">{{location.contact_person.email | default:"" | urlize}}</p>
                                <p class="mb-0">{{location.contact_person.phone_number | default:"" }}</p>
                            </div>
                            {% endif %}
                            {% endif %}
                        </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
            {%endif%} {# end auction.multi_location #}
            {% endif %} {# end auction.all_location_count #}

        {# Share Section - Cleaner Design #}
        <div class="card">
            <div class="card-body">
                <h6 class="card-title mb-3"><i class="bi bi-share-fill"></i> Share This Auction</h6>
                <p class="text-muted small mb-3">Please spread the word about this auction — every like and share helps bring in new sellers and bidders!</p>
                <div class="row g-2 align-items-center">
                    <div class="col-12 col-md-6">
                        <div class="input-group">
                            <input class="form-control form-control-sm" id='copyShareLink' type="text" value="https://{{ domain }}/?{{ auction.slug }}" readonly>
                            <button class='btn btn-sm btn-primary' onclick="copyLink()"><i class="bi bi-copy"></i> Copy</button>
                        </div>
                        <div class="valid-feedback d-none" id="copyFeedback">
                            <i class="bi bi-check-circle-fill"></i> Copied! Thanks for spreading the word!
                        </div>
                    </div>
                    <div class="col-12 col-md-auto">
                        <div class="btn-group" role="group">
                            <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="btn btn-sm btn-outline-info twitter-share-button" data-text="Check out the {{ auction.title }}" data-url="https://{{ domain }}/?{{ auction.slug }}" data-dnt="true" data-show-count="false"><i class="bi bi-twitter"></i> Tweet</a>
                            <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{ domain|urlencode }}/?{{ auction.slug|urlencode }}&amp;src=sdkpreparse" class="btn btn-sm btn-outline-primary"><i class="bi bi-facebook"></i> Share</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
{% endblock %}