{% extends "base.html" %}
{% load crispy_forms_tags %}
{% block extra_css %}
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
{% endblock %}
{% block extra_js %}
<script type='text/javascript'>pageView();</script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript">

var form_id = '#lot-form';
{% include 'leave_page_warning.js' %}

function setAuction(setting) {
    if (setting) {
        $('#div_id_auction').closest('.col-md-8').show();
        $('#div_id_donation').closest('.col-md-3').show();
        $('#div_id_relist_if_not_sold').closest('.mb-3').hide();
        $('#div_id_relist_if_sold').closest('.mb-3').hide();
        //$('#div_id_promoted').closest('.col-md-3').hide();
        $('#div_id_run_duration').closest('.col-md-4').hide();
        $('#div_id_show_payment_pickup_info').hide();
        $("#id_show_payment_pickup_info").prop('checked', false);
        $('#payment_pickup_info').hide();
        setAuctionRequiredFields($('#id_auction').val())
    } else {
        // fields for non-auction lots
        $('#div_id_auction').closest('.col-md-8').hide();
        $('#div_id_donation').closest('.col-md-3').hide();
        //$('#div_id_promoted').closest('.col-md-3').show();
        $('#div_id_relist_if_not_sold').closest('.mb-3').show();
        $('#div_id_relist_if_sold').closest('.mb-3').show();
        $('#div_id_run_duration').closest('.col-md-4').show();
        $('#div_id_show_payment_pickup_info').show();
        setAuctionRequiredFields(false);
    }

}

function setAuctionRequiredFields(val) {
    $.ajax({
            type: "POST",
            beforeSend: function (request) {
                request.setRequestHeader("X-CSRFTOKEN", "{{ csrf_token }}");
            },
            url: "{% url 'get_auction_info' %}",
            data: {'auction': val},
            success : function(result) {
                if (result.buy_now) { // auction exists
                    if (result.use_quantity_field) {
                        $('#div_id_quantity').closest('.col-md-3').show();
                    } else {
                        var $quantity = $('#id_quantity');
                        if (!$quantity.val().trim() || isNaN($quantity.val())) {
                            $quantity.val(1);
                        }
                        $('#div_id_quantity').closest('.col-md-3').hide();
                    }
                    if (result.custom_checkbox_name && result.use_custom_checkbox_field) {
                        $('#div_id_custom_checkbox').closest('.col-md-3').show();
                        $('label[for="id_custom_checkbox"]').text(result.custom_checkbox_name);
                    } else {
                        $('#div_id_custom_checkbox').closest('.col-md-3').hide();
                    }
                    if (result.custom_field_1 !== 'disable' && result.custom_field_1_name) {
                        $('#div_id_custom_field_1').closest('.col-md-12').show();
                        $('label[for="id_custom_field_1"]').text(result.custom_field_1_name);
                        if (result.custom_field_1 == 'required') {
                            $('#id_custom_field_1').prop('required', true);
                        } else {
                            $('#id_custom_field_1').prop('required', false);

                        }
                    } else {
                        $('#id_custom_field_1').prop('required', false);
                        $('#div_id_custom_field_1').closest('.col-md-12').hide();
                    }
                    if (result.use_custom_dropdown_field !== 'disable' && result.custom_dropdown_name && result.custom_dropdown_options && result.custom_dropdown_options.length >= 2) {
                        const $customDropdown = $('#id_custom_dropdown');
                        const currentValue = $customDropdown.val();
                        $customDropdown.empty();
                        $customDropdown.append($('<option>').val('').text('---------'));
                        result.custom_dropdown_options.forEach(function(optionValue) {
                            $customDropdown.append($('<option>').val(optionValue).text(optionValue));
                        });
                        if (result.custom_dropdown_options.includes(currentValue)) {
                            $customDropdown.val(currentValue);
                        } else {
                            $customDropdown.val('');
                        }
                        $('label[for="id_custom_dropdown"]').text(result.custom_dropdown_name);
                        $('#id_custom_dropdown').prop('disabled', false);
                        $('#id_custom_dropdown').prop('required', result.use_custom_dropdown_field === 'required');
                        $('#div_id_custom_dropdown').closest('.col-md-3').show();
                    } else {
                        $('#id_custom_dropdown').prop('required', false);
                        $('#id_custom_dropdown').val('');
                        $('#id_custom_dropdown').prop('disabled', true);
                        $('#div_id_custom_dropdown').closest('.col-md-3').hide();
                    }
                    if (result.use_donation_field) {
                        $('#div_id_donation').closest('.col-md-3').show();
                    } else {
                        $('#div_id_donation').closest('.col-md-3').hide();
                    }
                    if (result.use_description) {
                        $('#div_id_summernote_description').closest('.col-md-12').show();
                    } else {
                        $('#div_id_summernote_description').closest('.col-md-12').hide();
                    }
                    if (result.use_i_bred_this_fish_field) {
                        $('#div_id_i_bred_this_fish').closest('.col-md-3').show();
                    } else {
                        $('#div_id_i_bred_this_fish').closest('.col-md-3').hide();
                    }
                    if (result.use_reference_link) {
                        $('#div_id_reference_link').closest('.col-md-3').show();
                    } else {
                        $('#div_id_reference_link').closest('.col-md-3').hide();
                    }
                    if (result.use_categories) {
                        $('#div_id_species_category').closest('.col-md-12').show();
                    } else {
                        $('#div_id_species_category').closest('.col-md-12').hide();
                    }
                    if (result.reserve_price == 'disable') {
                        $('#div_id_reserve_price').closest('.col-md-3').hide();
                    } else {
                        $('#div_id_reserve_price').closest('.col-md-3').show();
                    }
                    if (result.buy_now == 'disable') {
                        $('#div_id_buy_now_price').closest('.col-md-3').hide();
                        $('#id_buy_now_price').attr('required', false);
                    } else {
                        $('#div_id_buy_now_price').closest('.col-md-3').show();
                    }
                    if (result.buy_now == 'required') {
                        $('#id_buy_now_price').attr('required', true);
                    }
                } else {
                    // reset to defaults
                    $('#div_id_quantity').closest('.col-md-3').show();
                    $('#div_id_custom_field_1').closest('.col-md-12').hide();
                    $('#div_id_custom_checkbox').closest('.col-md-3').hide();
                    $('#div_id_custom_dropdown').closest('.col-md-3').hide();
                    $('#id_custom_dropdown').prop('required', false);
                    $('#id_custom_dropdown').prop('disabled', true);
                    $('#div_id_reference_link').closest('.col-md-3').show();
                    $('#div_id_summernote_description').closest('.col-md-12').show();
                    $('#div_id_species_category').closest('.col-md-12').show();
                    $('#div_id_i_bred_this_fish').closest('.col-md-3').show();
                    $('#id_buy_now_price').attr('required', false);
                    $('#div_id_reserve_price').closest('.col-md-3').show();
                    $('#div_id_buy_now_price').closest('.col-md-3').show();
                }
            }
        });
}

$(document).ready(function() {
    {% if not request.user.userdata.can_submit_standalone_lots %}
    $('#div_id_part_of_auction').hide();
    {% endif %}
    if(document.getElementById('id_part_of_auction_0').checked) {
        setAuction(true);
    } else {
        setAuction(false);
    }
    if (document.getElementById('id_show_payment_pickup_info').checked) {
        $('#payment_pickup_info').show();
    } else {
        $('#payment_pickup_info').hide();
    }
    $('#id_part_of_auction_0').change(function(data) {
        setAuction(true);
    });
    $('#id_part_of_auction_1').change(function(data) {
        setAuction(false);
    });
    $('#id_show_payment_pickup_info').change(function(data) {
        if(this.checked) {
            $('#payment_pickup_info').show();
        } else {
            $('#payment_pickup_info').hide();
        }
    });
    $('#id_auction').change(function(data) {
        setAuction(true);
    });
    $('#id_lot_name').change(function(data) {
        if (!$('#id_species_category').val()) {
            if ($('#div_id_species_category').is(':visible')) {
                $.ajax({
                type: "POST",
                beforeSend: function (request) {
                    request.setRequestHeader("X-CSRFTOKEN", "{{ csrf_token }}");
                },
                url: "{% url 'guess_category' %}",
                data: {'lot_name': this.value},
                success : function(result) {
                    if (result['value'] && result['name'] !== "Uncategorized") {
                        $('#id_species_category').val(result['value']);
                        $('#id_species_category_helptext').html("Looks like you're selling " + result['name'] + ".  <span class='text-warning'>If that's not correct, change it here.</span>");
                    }
                }
                });
            }
        }
    });

});
</script>
{% if new %}
<script>
var redirectLink = "/";
var ignoreAuction = null;
$(document).ready(function() {
    $.ajax({
        type: "POST",
        beforeSend: function (request) {
            request.setRequestHeader("X-CSRFTOKEN", "{{ csrf_token }}");
        },
        url: "/api/lots/new_lot_last_auction/",
        success : function(result) {
            $('#last-auction-special').html(result.result);
        }
    });
    $.ajax({
        type: "POST",
        beforeSend: function (request) {
            request.setRequestHeader("X-CSRFTOKEN", "{{ csrf_token }}");
        },
        url: "/api/users/auction_notifications/",
        success : function(result) {
        if (result.new) {
            redirectLink = result.link + "?next={% firstof request.path '/' %}";
            var distanceUnit = result.distance_unit || 'miles';
            $('#auctionText').html("The " + result.name + " is happening now<br><small>" + result.distance + " " + distanceUnit + " from you</small>");
            $('#joinAuction').modal('show');
            ignoreAuction = result.slug;
        }
        }
    });
    document.querySelector('#join-auction').onclick = function(e) {
        isDirty = false;
        window.location = redirectLink;
        $('#joinAuction').modal('hide');
    }
    document.querySelector('#ignore-auction').onclick = function(e) {
        $('#joinAuction').modal('hide');
        $.ajax({
            type: "POST",
            beforeSend: function (request) {
                request.setRequestHeader("X-CSRFTOKEN", "{{ csrf_token }}");
            },
            url: "/api/ignore_auction/",
            data: { 'auction': ignoreAuction },
            success : function(result) {
                console.log(result);
            }
        });
    }
});
</script>
{% endif %}
{% endblock %}
{% block title %}{{ title }}{% endblock %}
{% block content %}
            {% crispy form form.helper %}
<div class="modal fade" id="joinAuction" tabindex="-1" aria-labelledby="label" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="label">Join club auction?</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div id='auctionText' class="modal-body"></div>
            <div class="modal-footer">
                <button type="button" id='join-auction' class="btn btn-primary">View rules</button>
                <button type="button" id='ignore-auction' class="btn btn-secondary" data-bs-dismiss="modal">Not interested</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal for users who need to join an auction -->
{% if show_no_auction_modal %}
<div class="modal fade" id="noAuctionModal" tabindex="-1" aria-labelledby="noAuctionModalLabel" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="noAuctionModalLabel">Join an Auction</h5>
            </div>
            <div class="modal-body">
                <p>You need to join an auction before you can create lots.</p>
                {% if lot_submission_ended_message %}
                <p class="text-muted">{{ lot_submission_ended_message }}</p>
                {% endif %}
            </div>
            <div class="modal-footer">
                <a href="{% url 'auctions' %}" class="btn btn-primary">Go to auctions list</a>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $('#noAuctionModal').modal('show');
    });
</script>
{% endif %}
{% endblock %}