{{> header logoUrl=logoUrl }}

<h1 style="font-size:28px; line-height:40px; margin-bottom:16px;">
  {{t "rfqInvite.heading" lng=language}} #{{rfqCode}}
</h1>

<p style="font-size:16px; line-height:32px; margin-bottom:16px;">
  {{t "rfqInvite.greeting" lng=language}}, <strong>Vendor #{{vendorId}}</strong>.
</p>

<p style="font-size:16px; line-height:32px; margin-bottom:16px;">
  {{t "rfqInvite.bodyIntro" lng=language}}<br/>
  <strong>{{t "rfqInvite.projectName" lng=language}}:</strong> {{projectName}}<br />
  <strong>{{t "rfqInvite.projectCode" lng=language}}:</strong> {{projectCode}}<br />
  <strong>{{t "rfqInvite.dueDate" lng=language}}:</strong> {{dueDate}}<br />
  <strong>{{t "rfqInvite.description" lng=language}}:</strong> {{description}}
</p>

<p style="font-size:16px; line-height:32px; margin-bottom:8px;">
  {{t "rfqInvite.itemListTitle" lng=language}}
</p>

<ul style="margin-left:4px; font-size:16px; line-height:32px;">
  {{#each items}}
    <li><strong>{{this.itemCode}}</strong> ({{this.quantity}} {{this.uom}}) - {{this.description}}</li>
  {{/each}}
</ul>

<p style="font-size:14px; line-height:32px; margin-top:16px;">
  {{t "rfqInvite.moreDetail" lng=language}}
</p>

<p>
  <a href="{{loginUrl}}" target="_blank" style="display: inline-block; width: 250px; padding: 12px 20px; background-color: #163CC4; color: #ffffff !important; text-decoration: none; border-radius: 8px; text-align: center; line-height: 28px;">
    {{t "rfqInvite.viewButton" lng=language}}
  </a>
</p>

<p style="font-size:16px; line-height:24px; margin-top:16px;">
  {{t "rfqInvite.supportMsg" lng=language}}
</p>

{{> footer logoUrl=logoUrl companyName=companyName year=year }}