<section class="page-section">
  <h2>Booking Schedule and Commercial Summary</h2>
  <table class="details-table">
    <tbody>
      <tr>
        <th>Route</th>
        <td>{{schedule.originLabel}} → {{schedule.destinationLabel}}</td>
        <th>Trade direction</th>
        <td>{{schedule.tradeDirection}}</td>
      </tr>
      <tr>
        <th>Freight type</th>
        <td>{{schedule.freightType}}</td>
        <th>Service type</th>
        <td>{{schedule.serviceType}}</td>
      </tr>
      <tr>
        <th>Scheduled date</th>
        <td>{{schedule.scheduledDate}}</td>
        <th>Contract type</th>
        <td>{{schedule.contractType}}</td>
      </tr>
      <tr>
        <th>Cargo</th>
        <td>{{schedule.cargoDescription}}</td>
        <th>Total VGM</th>
        <td>{{schedule.totalWeightVgm}}</td>
      </tr>
      <tr>
        <th>Equipment return</th>
        <td>{{schedule.equipmentReturn}}</td>
        <th>Hazardous cargo</th>
        <td>{{schedule.hazardousLabel}}</td>
      </tr>
      <tr>
        <th>First mile</th>
        <td>{{schedule.firstMilePickupAddress}}</td>
        <th>Last mile</th>
        <td>{{schedule.lastMileDeliveryAddress}}</td>
      </tr>
    </tbody>
  </table>

  {{#if pricing.containerLines.length}}
  <h3>Container Details</h3>
  <table class="schedule">
    <thead>
      <tr>
        <th>Container type</th>
        <th>Quantity</th>
        <th>VGM / unit (tons)</th>
      </tr>
    </thead>
    <tbody>
      {{#each pricing.containerLines}}
      <tr>
        <td>{{label}}</td>
        <td>{{quantity}}</td>
        <td>{{vgmPerUnitTons}}</td>
      </tr>
      {{/each}}
    </tbody>
  </table>
  {{/if}}
</section>
