<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>{{template.title}} — {{reference}}</title>
  {{> styles}}
</head>
<body>
  <main class="contract">
    <section class="cover page-section">
      <div class="brand-row">
        <div class="logo-mark">EDR</div>
        <div>
          <p class="kicker">Ethio-Djibouti Standard Gauge Railway Share Company</p>
          <p class="muted">Freight Transport Contract</p>
        </div>
      </div>

      <div class="cover-title">
        <p class="document-label">Contract Agreement</p>
        <h1>{{template.title}}</h1>
        <p class="summary-line">{{template.directionLabel}} • {{template.freightLabel}} • {{template.currency}} • {{template.serviceScope}}</p>
      </div>

      <table class="meta-grid">
        <tr>
          <th>Contract Ref No.</th>
          <td>{{reference}}</td>
          <th>Contract Year</th>
          <td>{{contractYear}}</td>
        </tr>
        <tr>
          <th>Contract Date</th>
          <td>{{contractDate}}</td>
          <th>Status</th>
          <td>{{status}}</td>
        </tr>
      </table>
    </section>

    <section class="page-section">
      <h2>Parties to the Agreement</h2>
      <p class="lead">
        This Contract Agreement is made on <strong>{{contractDate}}</strong> between the Service Provider and the Client named below.
      </p>

      <div class="party-grid">
        <div class="party-card">
          <h3>Service Provider</h3>
          <p class="party-name">{{provider.name}}</p>
          <dl>
            <dt>Address</dt><dd>{{provider.address}}</dd>
            <dt>Phone</dt><dd>{{provider.phone}}</dd>
            <dt>Email</dt><dd>{{provider.email}}</dd>
            <dt>TIN</dt><dd>{{provider.tinNumber}}</dd>
          </dl>
        </div>
        <div class="party-card">
          <h3>Client</h3>
          <p class="party-name">{{client.companyName}}</p>
          <dl>
            <dt>Address</dt><dd>{{client.companyAddress}}</dd>
            <dt>Location</dt><dd>{{client.companyLocation}}</dd>
            <dt>Phone</dt><dd>{{client.phone}}</dd>
            <dt>Email</dt><dd>{{client.email}}</dd>
            <dt>TIN</dt><dd>{{client.tinNumber}}</dd>
            <dt>VAT</dt><dd>{{client.vatNumber}}</dd>
            <dt>FAN</dt><dd>{{client.fanNumber}}</dd>
            <dt>Business license</dt><dd>{{client.businessLicense}}</dd>
          </dl>
        </div>
      </div>
    </section>

    {{> contract_schedule}}

    <section class="page-section">
      <h2>Whereas</h2>
      <p>{{template.whereas}}</p>
      <p>Now therefore, the parties agree as follows:</p>
    </section>

    {{> article1}}
    {{> articles_obligations}}
    {{> force_majeure}}
    {{> article5_pricing}}
    {{> contract_documents}}
    {{> signatures_block}}
  </main>
</body>
</html>
