<%

var _p = locals.ppc || {};
%>
<div class="formrow">
  <div class="fld" style="flex:0 0 110px"><label for="pcs-currency">Currency</label><input id="pcs-currency" name="ppcCurrency" value="<%= _p.ppcCurrency || 'USD' %>" maxlength="4"></div>
  <div class="fld" style="flex:1 1 160px"><label for="pcs-cpa">Target CPA <% if (!_p.ppcTargetCpa) { %><span class="rr-meta" style="color:var(--warn-ink)">(required)</span><% } %></label><input id="pcs-cpa" name="ppcTargetCpa" type="number" min="0" step="0.01" value="<%= _p.ppcTargetCpa || '' %>"></div>
  <div class="fld" style="flex:1 1 170px"><label for="pcs-budget">Monthly media budget</label><input id="pcs-budget" name="ppcMonthlyBudget" type="number" min="0" step="50" value="<%= _p.ppcMonthlyBudget || '' %>"></div>
  <div class="fld" style="flex:1 1 150px"><label for="pcs-feemodel">Fee model</label>
    <select id="pcs-feemodel" name="ppcFeeModel">
      <% [['flat','Flat retainer'],['pct_spend','% of ad spend'],['hybrid','Retainer + %']].forEach(function (p) { %>
        <option value="<%= p[0] %>" <%= (_p.ppcFeeModel || 'flat') === p[0] ? 'selected' : '' %>><%= p[1] %></option>
      <% }) %>
    </select>
  </div>
  <div class="fld" style="flex:1 1 130px"><label for="pcs-flat">Retainer</label><input id="pcs-flat" name="ppcFeeFlat" type="number" min="0" step="50" value="<%= _p.ppcFeeFlat || 0 %>"></div>
  <div class="fld" style="flex:1 1 110px"><label for="pcs-pct">% of spend</label><input id="pcs-pct" name="ppcFeePct" type="number" min="0" max="100" step="0.5" value="<%= _p.ppcFeePct || 0 %>"></div>
</div>
