{% extends "./base.html" %}
{% load custom_tags %}

{% block bodyPage %}

    <div class="column is-12-mobile is-12-desktop ">

        <div class="columns is-mobile is-multiline is-centered">
            {% if perms.admin_panel.ViewStore %}
            <div class="field column is-2-desktop is-12-mobile m-0 is-hidden">
                <label class="label">کاربر</label>
                <div class="select is-fullwidth">
                    <select id="actionChangeUser" class="">
                    <option>نام کاربر را انتخاب کنید</option>
                    {% for user in allUsers %}
                    <option value="{{ user.id }}">{{ user.first_name }} {{ user.last_name }}</option>
                    {% endfor %}
                    </select>
                </div>
            </div>
            {% endif %}

            <div class="field column is-2-desktop is-6-mobile m-0 is-hidden">
                <label class="label">تاریخ</label>
                <div class="control">
                  <input type="text" class="input dateTimeActionList">
                  <input id="dateTimeActionListAlt" name="dateTimeActionListAlt" required type="text" class="input is-hidden dateTimeActionListAlt">
                </div>
            </div>

            <div class="field column is-2-desktop is-6-mobile m-0">
                <label class="label">وضعیت</label>
                <div class="select is-fullwidth">
                    <select id="actionStatus">
                    <option value="">وضعیت</option>
                    <option value="waite">در انتظار</option>
                    <option value="finish">انجام شده</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="columns is-mobile is-multiline is-centered">
            
            {% include 'admin_panel/customerRezayatinc.html' with bgBox="actionBoxSefid" %}
        </div>
    </div>

    <script>
        $("#actionStatus").change(function(){
            var url089 = window.location.href
            //alert(url089)
            url089 = new URL(url089);
            url089.searchParams.set('status', $(this).val());
            //alert(url089.toString());
            window.location.href = url089.toString();
            ```if (url089.includes("dateTime")){
                window.location.href = url089+"&status="+$(this).val();
            }else{
                window.location.href = url089+"?status="+$(this).val();
            }```
        });
        var changeDateTime = function(){
            //var url089 = window.location.href
            dateTimeAlt = $("#dateTimeActionListAlt").val();
            var url089 = window.location.href
            //alert(url089)
            url089 = new URL(url089);
            url089.searchParams.set('dateTime', dateTimeAlt);
            //alert(url089.toString());
            window.location.href = url089.toString();

            ```if (url089.includes("status")){
                window.location.href = url089+"&dateTime="+dateTimeAlt;
            }else{
                window.location.href = url089+"?dateTime="+dateTimeAlt;
            }```
            //var urlActionListUser = "{% url 'admin_panel:ActionListUserToday' 5555 %}"
            //urlActionListUser = urlActionListUser.replace("5555", {{ u_id }});
            //window.location.href = urlActionListUser+"?dateTime="+$("#dateTimeActionListAlt").val();
        }
        var dateTimePickerAnjam = $(".dateTimeActionList").pDatepicker({
        altField: '.dateTimeActionListAlt',
        initialValue: true,
        initialValueType: 'persian',
        autoClose: true,
        format: 'YYYY/MM/DD',
        onHide: changeDateTime,
        calendar:{
            persian: {
                locale: 'fa'
            }
        },
        timePicker: {
            enabled: false,
            second:{
            enabled: false,
            }	
        },
        });
        {% if unixADT %}
        dateTimePickerAnjam.setDate({{ unixADT }});
        {% endif %}
        $("#actionChangeUser").change(function(){
            var user_id = $(this).val();
            //alert(user_id)
            {% if unixADT %}
            var urlActionDTC = window.location.href
            urlActionDTC = urlActionDTC.replace("ActionList/{{ u_id }}/", "ActionList/"+user_id+"/")
            window.location.href = urlActionDTC;
            {% else %}
            var urlActionListUser = "{% url 'admin_panel:ActionListUserToday' 5555 %}"
            urlActionListUser = urlActionListUser.replace("5555", user_id);
            window.location.href = urlActionListUser;
            {% endif %}
        });
        {% if u_id %}
        $("#actionChangeUser").val({{ u_id }})
        {% endif %}
        {% if status %}
        $("#actionStatus").val('{{ status }}')
        {% endif %}
    </script>

{% endblock %}