summaryrefslogtreecommitdiff
path: root/lib/mail/templates/rfq-notification.hbs
blob: fc510ad045828b8e4f5d6603a592e79c9c2b75eb (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{{t "email.rfq.title"}}</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      line-height: 1.6;
      color: #333;
      margin: 0;
      padding: 0;
    }
    .container {
      max-width: 600px;
      margin: 0 auto;
      padding: 20px;
    }
    .header {
      background-color: #1a56db;
      color: #ffffff;
      padding: 20px;
      text-align: center;
      border-radius: 5px 5px 0 0;
    }
    .content {
      padding: 20px;
      background-color: #ffffff;
      border: 1px solid #e5e7eb;
      border-top: none;
      border-radius: 0 0 5px 5px;
    }
    .footer {
      text-align: center;
      margin-top: 20px;
      font-size: 0.8em;
      color: #6b7280;
    }
    table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 20px;
    }
    th, td {
      border: 1px solid #e5e7eb;
      padding: 12px;
      text-align: left;
    }
    th {
      background-color: #f3f4f6;
    }
    .button {
      display: inline-block;
      background-color: #1a56db;
      color: #ffffff;
      padding: 12px 24px;
      text-decoration: none;
      border-radius: 5px;
      font-weight: bold;
      margin-top: 20px;
    }
    .section-title {
      margin-top: 25px;
      margin-bottom: 10px;
      font-weight: bold;
      border-bottom: 1px solid #e5e7eb;
      padding-bottom: 5px;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="header">
      <h1>{{t "email.rfq.notification_title"}}</h1>
    </div>
    <div class="content">
      <p>{{t "email.greeting" name=vendor.user.fullName}},</p>
      
      <p>{{t "email.rfq.introduction"}}</p>
      
      <div class="section-title">{{t "email.rfq.details_section"}}</div>
      <table>
        <tr>
          <th>{{t "email.rfq.code_label"}}</th>
          <td>{{rfq.code}}</td>
        </tr>
        <tr>
          <th>{{t "email.rfq.title_label"}}</th>
          <td>{{rfq.title}}</td>
        </tr>
        <tr>
          <th>{{t "email.rfq.description_label"}}</th>
          <td>{{rfq.description}}</td>
        </tr>
        <tr>
          <th>{{t "email.rfq.vendor_label"}}</th>
          <td>{{vendor.name}}</td>
        </tr>
        <tr>
          <th>{{t "email.rfq.quotation_code_label"}}</th>
          <td>{{quotationCode}}</td>
        </tr>
        <tr>
          <th>{{t "email.rfq.due_date_label"}}</th>
          <td>{{rfq.dueDate}}</td>
        </tr>
        <tr>
          <th>{{t "email.rfq.delivery_date_label"}}</th>
          <td>{{rfq.deliveryDate}}</td>
        </tr>
        <tr>
          <th>{{t "email.rfq.currency_label"}}</th>
          <td>{{details.currency}}</td>
        </tr>
        <tr>
          <th>{{t "email.rfq.payment_terms_label"}}</th>
          <td>{{details.paymentTerms}}</td>
        </tr>
        <tr>
          <th>{{t "email.rfq.incoterms_label"}}</th>
          <td>{{details.incoterms}}</td>
        </tr>
      </table>
      
      <div class="section-title">{{t "email.rfq.items_section"}}</div>
      <table>
        <thead>
          <tr>
            <th>{{t "email.rfq.item_number"}}</th>
            <th>{{t "email.rfq.item_description"}}</th>
            <th>{{t "email.rfq.item_quantity"}}</th>
            <th>{{t "email.rfq.item_uom"}}</th>
          </tr>
        </thead>
        <tbody>
          {{#each items}}
          <tr>
            <td>{{itemNumber}}</td>
            <td>{{description}}</td>
            <td>{{quantity}}</td>
            <td>{{uom}}</td>
          </tr>
          {{/each}}
        </tbody>
      </table>
      
      <p>{{t "email.rfq.action_instructions"}}</p>
      
      <p style="text-align: center;">
        <a href="{{systemUrl}}/vendor/quotations/{{quotationCode}}" class="button">
          {{t "email.rfq.view_button"}}
        </a>
      </p>
      
      <p>{{t "email.rfq.closing"}}</p>
      <p>{{t "email.rfq.sender_signature" name=sender.fullName}}<br>
      {{sender.email}}</p>
    </div>
    <div class="footer">
      <p>{{t "email.footer.copyright"}} © {{year}} {{t "email.footer.company_name"}}</p>
      <p>{{t "email.footer.address"}}</p>
    </div>
  </div>
</body>
</html>