{{#mediaplans}}
<div class="card">
  <h4 class="card-title">Media Plan</h4>
  <div class="card-item">
    <label>Name</label> <div class="card-value"><span title="{{name}}">{{name}}</span></div>
  </div>

  {{#approvedBudget}}
    {{#isApproved}}
    <div class="card-item">
      <label>Spend</label> <div class="card-value">{{formattedSpent}}</div>
    </div>
    <div class="card-item">
      <label>Available Budget</label> <div class="card-value">{{formattedAvailableBudget}}</div>
    </div>
    <div class="card-item">
      <label>Approved Budget</label> <div class="card-value">{{formattedApprovedBudget}}</div>
    </div>
    {{/isApproved}}
    {{^isApproved}}
    <div class="card-item">
      <label>Spend</label> <div class="card-value">{{formattedSpent}}</div>
    </div>
    <div class="card-item">
      <label>Available Budget</label> <div class="card-value">{{formattedAvailableBudget}}</div>
    </div>
    <div class="card-item">
      <label>Proposed Budget</label> <div class="card-value">{{formattedDisplayBudget}}</div>
    </div>
    {{/isApproved}}
  {{/approvedBudget}}

  {{^approvedBudget}}
  <div class="card-item">
    <label>Proposed Budget</label> <div class="card-value">{{formattedDisplayBudget}}</div>
  </div>
  {{/approvedBudget}}
  <div class="card-item">
    <label>Status</label> <div class="card-value">{{displayStatus}}</div>
  </div>
</div>
{{/mediaplans}}