{% extends "layout.html" %}
{% load app_filters %}
{% load humanize %}
{% load tz %}
{% block styles %}
    <style type="text/css"> 
        .border-3 {
            border-width:3px !important;
        }
        .border-2 {
            border-width:2px !important;
        }
        .border-top-double {
            border-top: double !important;
        }
        .print-only{
            display: none;
        }
        @media print {
            .no-print {
                display: none;
            }
            .print-only{
                display: block;
            }
        }
        @media screen {
          div.divFooter {
            display: none;
          }
        }
        @media print {
          div.divFooter {
            position: fixed;
            bottom: 0;
          } 
        }@media print {
            .nobreak {
                break-inside: avoid;
            }
            .breaker {
                page-break-after: always;
            }
            .breaker-before {
                page-break-before: always;
            }
        }
    </style>
{% endblock styles %}
{% block content %}
<div class="row no-print">
    <div class="col-1"><a href="{% url 'home' %}" class="btn btn-primary btn-sm" role="button" id="id_done_btn">Done</a></div>
    <div class="col-1">{% if not disable_print %}<button class="btn btn-primary btn-sm" onclick="window.print()">Print</button>{% endif %}</div>
    {% if export_available %}
    <div class="col-2">
         <form class="export_excel" id="export_form" method="post" action="/reports/get_excel">
            {% csrf_token %}
             <input type="hidden" name="export_filename" id="id_export_filename" value="{{ export_filename }}" />
             <input type="hidden" name="export_report_name" id="id_export_report_name" value="{{ export_report_name }}" />
             <input type="hidden" name="export_initial_filters" id="id_export_initial_filters" value="{{ initial_filters }}" />
             <input type="hidden" name="export_filters" id="id_export_filters" />
             <input type="hidden" name="export_buildings" id="id_export_buildings" value="B1B2"/>
             <input type="hidden" name="export_username" id="id_export_username" value="{{ username }}" />
             <input type="hidden" name="export_load_template" id="id_export_load_template" value="{{ export_load_template }}" />
             <input type="hidden" name="log_export" id="id_log_export" value="{{ log_export }}" />
            <button class="btn btn-primary btn-sm" id="id_export_button" value="Export to Excel" type="submit">Export To Excel</button>
         </form>
    </div>
    {% endif %}
</div>
<div class="row">
    {% if show_qstr %}
    {% endif %}
    <div class="col-4 text-left">
        {% timezone "America/Chicago" %}
        <div class="row">{% now "m/d/y" %}</div>
        <div class="row">{% now "h:i:s A" %}</div>
        {% endtimezone %}
        {% if show_filters %}
            {% if search_criteria %}
                <div>{{ search_criteria }}</div>
            {% elif date_from and date_to %}
                <div class="row text-nowrap">Summary Period: {{ date_from|date:'m/d/Y' }} through {{ date_to|date:'m/d/Y'  }}</div>
            {% elif show_qstr %}
                <div class="row">{{ qstr }}</div>
            {% elif show_buildings %}
                <h6 class="text-nowrap">Jobs Scheduled for: {% if qstr.building1 %}Building 1{% endif %}{% if  qstr.building1 and  qstr.building2 %} and {% endif %}{% if qstr.building2 %}Building 2{% endif %} {{ extra_search_criteria }}</h6>
            {% endif %}
            {% if show_lines %}
                <div class="row text-nowrap">Lines: {{ show_lines }}</div>
            {% endif %}
            <hr />
        {% endif %}

    </div>
    <div class="col-4 justify-content-center text-nowrap">
        <div><h4 class="text-center p-0 m-0">{{ report_title }}</h4></div>
        <div class="text-center">{{ company }}</div>
        <div class="text-center font-italic">Confidential Information</div>
    </div>
    <div class="col-1"></div>
    <div class="col-3">
        <div class="row" style="display:none;">Page 1</div>
        {% if show_internal %}
        <div class="row">&nbsp;</div>
        <div class="row justify-content-center">FOR INTERNAL USE</div>
        <div class="row justify-content-center">ONLY</div>
        {% endif %}
    </div>
</div>
{% endblock content %}
{% block body_scripts %}
  {{ block.super }}
    <script>
        var direct_export = '{{ qstr.direct_export }}'
        var lockedStatus = '{{ locked_status }}'
        var exportFileExistsUrl = "{% url 'job_export_file_exists' %}";
        var setDjangoMessage = "{% url 'set_django_message' %}";
        var jobExportUrl = "{% url 'export_job_frm_options' %}";
        var job = JSON.parse($('#id_export_initial_filters').val().replace(/'/g, '"')).job;  //Repoace single quotes with double for JSON
        var filename_fields = $("#id_export_filename").val();
        var file_exists = false;
        
        $("#export_form").submit(function (e) {
            var btn = $(this).find("input[type=submit]:focus");  // Get button that was pressed
            if (lockedStatus != ''){
                $(this).off("submit");
                $(btn).click();
            }
            else if (file_exists) {
                if (confirm('This export already exists.  Overwrite?')) {
                    $(this).off("submit");
                    $(btn).click();
                }
                else {
                    e.preventDefault();
                    $.ajax({
                        url: setDjangoMessage,
                        type: 'POST',
                        headers: {
                            'X-CSRFToken': getCookie('csrftoken')
                        },
                        data: {
                            message: "Export not overwritten",
                            type: "warning",
                        },
                        dataType: 'json',
                        success: function (data) {
                            window.location.href = jobExportUrl;
                        },
                        error: function (data) { console.log('An error occurred.') }
                    });
                }
            }
            else {
                $(this).off("submit");
                $(btn).click();
            }
        });

        $.ajax({
            url: exportFileExistsUrl,
            type: 'POST',
            async: false,
            headers: {
                'X-CSRFToken': getCookie('csrftoken')
            },
            data: {
                job: job,
                filename_fields: filename_fields
            },
            success: function(data) {
                // Check if the response is true or false and set the file_exists variable accordingly
                file_exists = data.exists;
            }
        })
        if (direct_export){
            $("#id_export_button").hide();
            $("#export_form").submit();
        }
    </script>
{% endblock body_scripts %}