tailbone/tailbone/templates/purchases/batches/order_form.mako

## -*- coding: utf-8 -*-
<%inherit file="/base.mako" />

<%def name="title()">Purchase Order Form</%def>

<%def name="head_tags()">
  ${parent.head_tags()}
  ${h.javascript_link(request.static_url('tailbone:static/js/numeric.js'))}
  <script type="text/javascript">
    $(function() {

        $('.order-form td.current-order input').keydown(function(event) {
            if (key_allowed(event) || key_modifies(event)) {
                return true;
            }
            if (event.which == 13) {
                var input = $(this);
                var row = $(this).parents('tr:first');
                var data = {
                    product_uuid: row.data('uuid'),
                    cases_ordered: row.find('input[name^="cases_ordered_"]').val() || '0',
                    units_ordered: row.find('input[name^="units_ordered_"]').val() || '0'
                };
                $.post('${url('purchases.batch.order_form_update', uuid=batch.uuid)}', data, function(data) {
                    if (data.error) {
                        alert(data.error);
                    } else {
                        row.find('input[name^="cases_ordered_"]').val(data.row_cases_ordered);
                        row.find('input[name^="units_ordered_"]').val(data.row_units_ordered);
                        row.find('td:eq(15)').html(data.row_po_total);
                        $('.po-total .field').html(data.batch_po_total);
                    }
                });
            }
            return false;
        });

    });
  </script>
  <style type="text/css">

    .order-form th.department {
        border-top: 1px solid black;
        font-size: 1.2em;
        padding: 15px;
        text-align: left;
        text-transform: uppercase;
    }

    .order-form th.subdepartment {
        background-color: white;
        border-bottom: 1px solid black;
        border-top: 1px solid black;
        padding: 15px;
        text-align: left;
    }

    .order-form td {
        border-right: 1px solid #000000;
        border-top: 1px solid #000000;
    }

    .order-form td.upc,
    .order-form td.case-qty,
    .order-form td.code,
    .order-form td.preferred,
    .order-form td.scratch_pad {
        text-align: center;
    }

    .order-form td.scratch_pad {
        width: 40px;
    }

    .order-form td.current-order input {
        text-align: center;
        width: 3em;
    }

    .order-form td.unit-cost,
    .order-form td.po-total {
        text-align: right;
    }

  </style>
</%def>


<%def name="context_menu_items()">
  <li>${h.link_to("Back to Purchase Batch", url('purchases.batch.view', uuid=batch.uuid))}</li>
</%def>


<ul id="context-menu">
  ${self.context_menu_items()}
</ul>


<div class="form-wrapper">

  <div class="field-wrapper">
    <label>Vendor</label>
    <div class="field">${h.link_to(vendor, url('vendors.view', uuid=vendor.uuid))}</div>
  </div>

  <div class="field-wrapper">
    <label>Vendor Email</label>
    <div class="field">${vendor.email or ''}</div>
  </div>

  <div class="field-wrapper">
    <label>Vendor Fax</label>
    <div class="field">${vendor.fax_number or ''}</div>
  </div>

  <div class="field-wrapper">
    <label>Vendor Contact</label>
    <div class="field">${vendor.contact or ''}</div>
  </div>

  <div class="field-wrapper">
    <label>Vendor Phone</label>
    <div class="field">${vendor.phone or ''}</div>
  </div>

  ${self.extra_vendor_fields()}

  <div class="field-wrapper po-total">
    <label>PO Total</label>
    <div class="field">$${'{:0,.2f}'.format(batch.po_total or 0)}</div>
  </div>

</div><!-- form-wrapper -->


<div class="newgrid">
  <table class="order-form">
    <% column_count = 16 + int(capture(self.extra_count)) %>
    % for department in sorted(departments.itervalues(), key=lambda d: d.name if d else ''):
        <thead>
          <tr>
            <th class="department" colspan="${column_count}">Department ${department.number} ${department.name}</th>
          </tr>
          % for subdepartment in sorted(department._order_subdepartments.itervalues(), key=lambda s: s.name if s else ''):
              <tr>
                <th class="subdepartment" colspan="${column_count}">Subdepartment ${subdepartment.number} ${subdepartment.name}</th>
              </tr>
              <tr>
                <th>UPC</th>
                <th>Brand</th>
                <th>Description</th>
                <th>Case</th>
                <th>Vend. Code</th>
                <th>Pref.</th>
                <th>Unit Cost</th>
                % for data in history.itervalues():
                    <th>
                      % if data:
                          % if data['purchase'].date_ordered:
                              ${data['purchase'].date_ordered.strftime('%m/%d') if data else ''}
                          % elif data['purchase'].date_received:
                              Rec.<br />
                              ${data['purchase'].date_received.strftime('%m/%d') if data else ''}
                          % else:
                              ??
                          % endif
                      % endif
                    </th>
                % endfor
                <th>
                  ${batch.date_ordered.strftime('%m/%d')}<br />
                  Cases
                </th>
                <th>
                  ${batch.date_ordered.strftime('%m/%d')}<br />
                  Units
                </th>
                <th>PO Total</th>
                ${self.extra_th()}
              </tr>
            </thead>
            <tbody>
              % for cost in subdepartment._order_costs:
                  <tr data-uuid="${cost.product_uuid}">
                    <td class="upc">${get_upc(cost.product)}</td>
                    <td class="brand">${cost.product.brand or ''}</td>
                    <td class="desc">${cost.product.description} ${cost.product.size or ''}</td>
                    <td class="case-qty">${cost.case_size} ${"LB" if cost.product.weighed else "EA"}</td>
                    <td class="code">${cost.code or ''}</td>
                    <td class="preferred">${'X' if cost.preference == 1 else ''}</td>
                    <td class="unit-cost">$${'{:0.2f}'.format(cost.unit_cost)}</td>
                    % for data in history.itervalues():
                        <td class="scratch_pad">
                          % if data:
                              <% item = data['items'].get(cost.product_uuid) %>
                              % if item:
                                  % if data['purchase'].date_ordered and (item.cases_ordered is not None or item.units_ordered is not None):
                                      ${'{} / {}'.format(int(item.cases_ordered or 0), int(item.units_ordered or 0))}
                                  % elif item.cases_received is not None or item.units_received is not None:
                                      ${'{} / {}'.format(int(item.cases_received or 0), int(item.units_received or 0))}
                                  % endif
                              % endif
                          % endif
                        </td>
                    % endfor
                    <td class="current-order">
                       ${h.text('cases_ordered_{}'.format(cost.uuid), value=int(cost._batchrow.cases_ordered) if cost._batchrow else None)}
                    </td>
                    <td class="current-order">
                       ${h.text('units_ordered_{}'.format(cost.uuid), value=int(cost._batchrow.units_ordered) if cost._batchrow else None)}
                    </td>
                    <td class="po-total">${'${:0,.2f}'.format(cost._batchrow.po_total) if cost._batchrow else ''}</td>
                    ${self.extra_td(cost)}
                  </tr>
              % endfor
            </tbody>
        % endfor
    % endfor
  </table>
</div>


<%def name="extra_vendor_fields()"></%def>

<%def name="extra_count()">0</%def>

<%def name="extra_th()"></%def>

<%def name="extra_td(cost)"></%def>