|
13 | 13 | padding: 20px;
|
14 | 14 | margin: 0;
|
15 | 15 | }
|
| 16 | + |
16 | 17 | .email-container {
|
17 | 18 | background-color: #ffffff;
|
18 | 19 | padding: 25px;
|
|
21 | 22 | border-radius: 5px;
|
22 | 23 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
|
23 | 24 | }
|
| 25 | + |
24 | 26 | h1 {
|
25 | 27 | color: #333;
|
26 | 28 | font-size: 24px;
|
27 | 29 | }
|
| 30 | + |
28 | 31 | p {
|
29 | 32 | font-size: 16px;
|
30 | 33 | line-height: 1.6;
|
31 | 34 | }
|
| 35 | + |
32 | 36 | .appointment-details {
|
33 | 37 | background-color: #f9f9f9;
|
34 | 38 | padding: 15px;
|
35 | 39 | margin-top: 20px;
|
36 | 40 | border-left: 5px solid #007bff;
|
37 | 41 | }
|
| 42 | + |
38 | 43 | .footer {
|
39 | 44 | margin-top: 30px;
|
40 | 45 | font-size: 14px;
|
|
44 | 49 | </style>
|
45 | 50 | </head>
|
46 | 51 | <body>
|
47 |
| - <div class="email-container"> |
48 |
| - <h1>{% translate 'New Appointment Request' %}</h1> |
49 |
| - <p>{% translate 'Dear Admin,' %}</p> |
50 |
| - <p>{% translate 'You have received a new appointment request. Here are the details:' %}</p> |
| 52 | +<div class="email-container"> |
| 53 | + <h1>{% translate 'New Appointment Request' %}</h1> |
| 54 | + <p>{% translate 'Dear Admin,' %}</p> |
| 55 | + <p>{% translate 'You have received a new appointment request. Here are the details:' %}</p> |
51 | 56 |
|
52 |
| - <div class="appointment-details"> |
53 |
| - <p><strong>{% translate 'Client Name' %}:</strong> {{ client_name }}</p> |
54 |
| - <p><strong>{% translate 'Service Requested' %}:</strong> {{ appointment.get_service_name }}</p> |
55 |
| - <p><strong>{% translate 'Appointment Date' %}:</strong> {{ appointment.appointment_request.date }}</p> |
56 |
| - <p><strong>{% translate 'Time' %}:</strong> {{ appointment.appointment_request.start_time }} - {{ appointment.appointment_request.end_time }}</p> |
57 |
| - <p><strong>{% translate 'Contact Details' %}:</strong> {{ appointment.phone }} | {{ client_email }}</p> |
58 |
| - <p><strong>{% translate 'Additional Info' %}:</strong> {{ appointment.additional_info|default:"N/A" }}</p> |
59 |
| - </div> |
| 57 | + <div class="appointment-details"> |
| 58 | + <p><strong>{% translate 'Client Name' %}:</strong> {{ client_name }}</p> |
| 59 | + <p><strong>{% translate 'Service Requested' %}:</strong> {{ appointment.get_service_name }}</p> |
| 60 | + <p><strong>{% translate 'Appointment Date' %}:</strong> {{ appointment.appointment_request.date }}</p> |
| 61 | + <p><strong>{% translate 'Time' %}:</strong> {{ appointment.appointment_request.start_time }} |
| 62 | + - {{ appointment.appointment_request.end_time }}</p> |
| 63 | + <p><strong>{% translate 'Contact Details' %}:</strong> {{ appointment.phone }} | {{ client_email }}</p> |
| 64 | + <p><strong>{% translate 'Additional Info' %}:</strong> {{ appointment.additional_info|default:"N/A" }}</p> |
| 65 | + </div> |
60 | 66 |
|
61 |
| - <p>{% translate 'Please review the appointment request and take the necessary action.' %}</p> |
| 67 | + <p>{% translate 'Please review the appointment request and take the necessary action.' %}</p> |
62 | 68 |
|
63 |
| - <div class="footer"> |
64 |
| - <p>{% translate 'This is an automated message. Please do not reply directly to this email.' %}</p> |
65 |
| - </div> |
| 69 | + <div class="footer"> |
| 70 | + <p>{% translate 'This is an automated message. Please do not reply directly to this email.' %}</p> |
66 | 71 | </div>
|
| 72 | +</div> |
67 | 73 | </body>
|
68 | 74 | </html>
|
0 commit comments