{% extends 'layout_forms.html' %}
{% load static %}
{% load crispy_forms_tags %}
{% load humanize %}

{% block content %}
{% if frmlog.job %}
<div class="row ml-1 mt-3 mb-0"><h4>Job Detail</h4></div>
<div class="row ml-2 no-gutters">
    <div class="col">
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Job:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.job.job }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Customer:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.job.customer_id }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Lot:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.job.lot }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Date Reqd:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.job.date_required }}</div>
        </div>
    </div>
    <div class="col">
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Status:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.job.status_id }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Description:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.job.description }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Group:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.job.group_id }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Est Rate:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.job.est_rate | floatformat:'0' | intcomma }}</div>
        </div>
    </div>
    <div class="col">
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Orig Date:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.job.date_originated }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Product:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.job.product}}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Order Qty:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.job.qty_ordered | floatformat:'0' | intcomma }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Line:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.job.line_id }}</div>
        </div>
    </div>
    
    <div class="col">
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Order#:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.job.order_number }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Ver:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.job.frm_ver }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Revenue/lb:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.job.revenue_lb | floatformat:'4' | intcomma }}</div>
        </div>
    </div>
</div>
{% else %}
<div class="row ml-1 mt-3 mb-0"><h5>No Job Data</h5></div>
{% endif %}
<div class="row ml-1 mt-3 mb-0"><h4>Formula Info</h4></div>
<div class="row ml-2 no-gutters">
    <div class="col">
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Customer:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.customer_id }}</div>
        </div>
    </div>
    <div class="col">
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Product:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.product.name }}</div>
        </div>
    </div>
    <div class="col">
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Ver:</div>
            <div class="col-7 d-flex align-items-end">{{ frmlog.frm_ver }}</div>
        </div>
    </div>
</div>
{% crispy form %}

{% endblock content %}

{% block body_scripts %}
    {{ block.super }}
    <script>
        // Dynamic URLs - used in .js support files
        var get_tgt = "{% url 'get_value_from_model' %}";
        var locked_by = "{{ frmlog.locked_by_id }}"
        var locked_ts = "{{ frmlog.locked_ts }}"
        var confirmed_by = "{{ frmlog.confirmed_by_id }}"
        var frmitemdict = {{ frmitemdict|safe }};
        var is_fdrlog_locked = "{{ fdrlog_locked }}"=="True" ? true : false;
    </script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-dateFormat/1.0/jquery.dateFormat.min.js"></script>
    <script type="text/javascript" src="{% static 'informant_erp/js/support_frm_approve.js' %}"></script>
    <script type="text/javascript" src="{% static 'support/js/formset_support.js' %}"></script>
{% endblock body_scripts %}