{% extends 'layout_forms.html' %}
{% load static %}
{% load widget_tweaks %}
{% load template_math %}

{% block content %}

{% if form.errors %}
        {% for field in form %}
        {% for error in field.errors %}
            <p> {{ errors }} </p>
        {% endfor %}
        {% endfor %}
        {% for error in form.non_field_errors %}
        <p> {{ error }} </p>
        {% endfor %}
    {% endif %}
    

<form id="id-form-car-switchrevise" class="form-main" method="post" action="">
    {% csrf_token %}
<div class="row">
    <div class="col-2">
        <div class="row pl-5">newLoc</div>
        <div class="row no-gutters">
            <div class="col-3">
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-nloc" data-loc-type="SPECIFIC" data-content="NP">NP</button>
                </div>
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-nloc" data-loc-type="SPECIFIC" data-content="SP">SP</button>
                </div>
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-nloc" data-loc-type="SPECIFIC" data-content="SS">SS</button>
                </div>
            </div>
            <div class="col-3">
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-nloc" data-loc-type="SPECIFIC" data-content="ML">ML</button>
                </div>
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-nloc" data-loc-type="SPECIFIC" data-content="ET">ET</button>
                </div>
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-nloc" data-loc-type="SPECIFIC" data-content="WT">WT</button>
                </div>
            </div>
            <div class="col-4">
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-nloc" data-loc-type="GENERAL" data-content="A&R">A&R</button>
                </div>
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-nloc" data-loc-type="GENERAL" data-content="LIRC">LIRC</button>
                </div>
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-nloc" data-loc-type="GENERAL" data-content="ALL">ALL</button>
                </div>
            </div>
        </div>
    </div>
    <div class="col-2">
        <div class="row pl-5">curLoc</div>
        <div class="row no-gutters">
            <div class="col-3">
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-cloc" data-loc-type="SPECIFIC" data-content="NP">NP</button>
                </div>
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-cloc" data-loc-type="SPECIFIC" data-content="SP">SP</button>
                </div>
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-cloc" data-loc-type="SPECIFIC" data-content="SS">SS</button>
                </div>
            </div>
            <div class="col-3">
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-cloc" data-loc-type="SPECIFIC" data-content="ML">ML</button>
                </div>
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-cloc" data-loc-type="SPECIFIC" data-content="ET">ET</button>
                </div>
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-cloc" data-loc-type="SPECIFIC" data-content="WT">WT</button>
                </div>
            </div>
            <div class="col-4">
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-cloc" data-loc-type="GENERAL" data-content="A&R">A&R</button>
                </div>
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-cloc" data-loc-type="GENERAL" data-content="LIRC">LIRC</button>
                </div>
                <div class="row no-gutters">
                    <button type="button" class="btn btn-info btn-block btn-filter-cloc" data-loc-type="GENERAL" data-content="ALL">ALL</button>
                </div>
            </div>
        </div>
    </div>
    <div class="col-8">
        <div class="row pt-2">
            <div class="col">Car Switch Last Save: {{ lastsave }} </div>
            <div class="col">Current Owner: {{ owner }} </div>
        </div>
        <div class="row pt-2">
            <div class="col-3">
                <input type="submit" name="post_and_exit" value="Done/Post" class="btn btn-primary btn-block form-group col-md-9 mt-0 mb-3" id="submit-id-post" tabindex="1000">
            </div>
            <div class="col-3">
                <input type="submit" name="to_from_report" value="Report" class="btn btn-primary btn-block form-group col-md-9 mt-0 mb-3" id="submit-id-report" tabindex="1001">
            </div>
            <div class="col-3">
                <input type="submit" name="save_progress" value="Save Progress" class="btn btn-primary btn-block form-group col-md-9 mt-0 mb-3" id="submit-id-submit" tabindex="1002">
            </div>
            <div class="col-3">
                <input type="submit" name="cancel" value="Cancel" class="btn btn-primary btn-danger btn-block form-group col-md-9 mt-0 mb-3" id="submit-id-cancel" tabindex="1003">
            </div>
        </div>
        <div class="row">
            <div class="col-5">
            Filter: <input type="text" id="filter_box" name="filter_box" />
            </div>
        </div>
    </div>
</div>
<div id="id_header_row" class="row pb-3 pt-3">
    <div class="col-1 font-weight-bolder ml-1 mr-5 pr-3">newLoc</div>
    <div class="col-1 font-weight-bolder ml-4 pl-4">curLoc</div>
    <div class="col-2 font-weight-bolder ml-2">Car</div>
    <div class="col-1 font-weight-bolder ml-2 mr-5">Receiver</div>
    <div class="col-2 font-weight-bolder ml-4">Item</div>
    <div class="col-3">
        <div class="row">
            <div class="col-5 font-weight-bolder">cp Date</div>
            <div class="col-4 font-weight-bolder ml-3">os Date</div>
        </div>
    </div>
</div>
    {{ form.management_form }}
<div id="id_formset_container" class="pl-3 pr-2" style="height:600px; width:100%; overflow:auto;">
    {% for theform in form %}
    <div id="id-form-row-{{ forloop.counter }}" class="single-form row mb-0 filter_row" data-loc="{{ theform.instance.cloc_id }}" data-car="{{ theform.instance.car_id }}" search_string="">
        <div class="col-12">
            <div class="row">
                <div class="col-2">
                    <div class="row">
                        {% if forloop.first %}
                        {% render_field theform.nloc data-car=theform.instance.car_id class+="textinput textInput form-control form-control-sm mr-2 mksch" data-counter=forloop.counter0 tabindex=forloop.counter0|mul:1|add:1 autofocus="autofocus" %}
                        {% else  %}
                        {% render_field theform.nloc data-car=theform.instance.car_id class+="textinput textInput form-control form-control-sm mr-2 mksch" data-counter=forloop.counter0 tabindex=forloop.counter0|mul:1|add:1 %}
                        {% endif %}
                    </div>
                </div>
                <div class="col-1">
                    <div class="row">
                        <span id="id_form-{{ forloop.counter0 }}-cloc">{{ theform.instance.cloc_id }}</span>
                    </div>
                </div>
                <div class="col-2">
                    <div class="row">
                        <span id="id_form-{{ forloop.counter0 }}-car">{{ theform.instance.car_id }}</span>
                    </div>
                </div>
                <div class="col-2">
                    <div class="row pl-3">
                        <span id="id_form-{{ forloop.counter0 }}-receiver" class="carinfo-receiver" data-car="{{ theform.instance.car_id }}"></span>
                    </div>
                </div>
                <div class="col-2">
                    <div class="row">
                        <span id="id_form-{{ forloop.counter0 }}-item" class="carinfo-item" data-car="{{ theform.instance.car_id }}"></span>
                    </div>
                </div>
                <div class="col-3">
                    <div class="row">
                        <div class="col-6">
                            <div class="row">
                                {% render_field theform.cp_date data-car=theform.instance.car_id class+="dateinput form-control form-control-sm mr-2" data-counter=forloop.counter0 data-min-date="30" data-max-date="0" data-out-range="show error" readonly="readonly" %}
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="row">
                                {% render_field theform.os_date data-car=theform.instance.car_id class+="dateinput form-control form-control-sm mr-2" data-counter=forloop.counter0 readonly="readonly" tabindex="-1" %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {% render_field theform.change data-car=theform.instance.car_id data-counter=forloop.counter style="display:none;" %}{{ theform.id }}
        <hr />
    </div>
    {% endfor %}
</div>
</form>
{% endblock content %}
{% block body_scripts %}
    {{ block.super }}
    <script>
        // Dynamic URLs - used in .js support files
        var get_location_type_url = "{% url 'get_value_from_model' %}";
        var loc_types = {{ loc_types|safe }};  // Lookup dict for location types - so we don't have to do an ajax call for each as we loop
        var car_rec_item = {{ car_rec_item|safe }};
    </script>
    <script type="text/javascript" src="{% static 'informant_erp/js/support_car_switch.js' %}"></script>
    <script type="text/javascript" src="{% static 'informant_erp/js/filter_formset.js' %}"></script
{% endblock body_scripts %}