Difference between revisions of "Create Vouchers"

From hoteliga
Jump to: navigation, search
(Created page with "Copy the HTML code for '''Voucher(Folio)''' - '''(Template type: Folio)''' {| class="wikitable" |- |<nowiki> <style><!-- #generalstyling, td, th { font-family: 'Lato'...")
 
Line 387: Line 387:
 
<div align="right"></div>
 
<div align="right"></div>
 
</td>
 
</td>
 +
</tr>
 +
</tbody>
 +
</table>
 +
</div>
 +
</nowiki>
 +
|}
 +
 +
Copy the HTML code for '''Voucher (Email for group reservations)''' - '''(Template type: Reservation)'''
 +
 +
{| class="wikitable"
 +
|-
 +
|<nowiki>
 +
 +
<style><!--
 +
#generalstyling, td, th {
 +
        font-family: 'Lato', sans-serif;
 +
        font-size: 10pt;
 +
    }
 +
 +
    #header {
 +
        width: 100%;
 +
        height: 200px;
 +
    }
 +
 +
    .chargestable th, #customerReservation th {
 +
        background-color: #c0c0c0 !important;
 +
        text-align: left;
 +
        padding: 10px;
 +
    }
 +
 +
    #customerReservation td {
 +
        padding: 10px;
 +
        line-height: 80% !important;
 +
    }
 +
 +
    .chargestable {
 +
        width: 100%;
 +
    }
 +
 +
        .chargestable td {
 +
            line-height: 80% !important;
 +
        }
 +
 +
    .reservationsLoop {
 +
        border: 0 !important;
 +
        padding: 0 !important;
 +
        margin: 0 !important;
 +
    }
 +
 +
    #customerReservation table td {
 +
        line-height: 150%;
 +
        padding: 5px;
 +
    }
 +
 +
    #customerReservation table {
 +
        width: 100%;
 +
    }
 +
 +
    #customerReservation {
 +
        width: 100%;
 +
        border: 1px solid black;
 +
        padding: 10px;
 +
    }
 +
 +
    #summary {
 +
        width: 50%;
 +
    }
 +
 +
        #summary td {
 +
            padding: 5px;
 +
            font-weight: bold;
 +
            font-size: 110%;
 +
            line-height: 150%;
 +
        }
 +
 +
    #footer {
 +
        margin-top: 30px;
 +
        text-align: center;
 +
    }
 +
--></style>
 +
<div id="generalstyling">
 +
<table id="header">
 +
<tbody>
 +
<tr>
 +
<td><!-- thank you message start -->
 +
<table width="100%">
 +
<tbody>
 +
<tr>
 +
<td style="background-color: #c0c0c0 !important; height: 150px;">
 +
<h2 style="color: white !important; text-align: center; font-weight: bold;">VOUCHER</h2>
 +
<p style="text-align: center;"><strong>This voucher can be used for a stay in one of our beautiful and unique property, for a stay between ...... and ......<br /><br />Redeeming your voucher has never been so easy. <br /></strong><strong>To redeem your Voucher please send us an email at ...............</strong></p>
 +
</td>
 +
</tr>
 +
</tbody>
 +
</table>
 +
<!-- thank you message end --></td>
 +
<td width="40%"><img src="https://hoteligaapp.s3.eu-central-1.amazonaws.com/Content/domains/besthoteliga/images/email/44956f74d0964123a80fde72144a82e3_thumb3.jpg" alt="pure-safari-your-logo-here.jpg" width="278" height="181" style="float: right;" /></td>
 +
</tr>
 +
</tbody>
 +
</table>
 +
<div style="float: right; text-align: right;"><br /><br /></div>
 +
<br />
 +
<table id="customerReservation">
 +
<tbody>
 +
<tr valign="top">
 +
<td style="width: 49%;"><!--- customer container start -->
 +
<table width="850" height="239">
 +
<tbody>
 +
<tr><th style="text-align: left;">RESERVATION DETAILS</th></tr>
 +
<tr>
 +
<td style="width: 50%;">For all <strong>{{ reservations.length }}</strong> rooms/reservations the total price is <b>{{ totalpricegroup }}</b><br /><br />
 +
<table width="798" height="99">
 +
<tbody>
 +
<tr><th style="text-align: left;">Room type</th><th style="text-align: left;">Date from</th><th style="text-align: left;"></th><th style="text-align: left;">Date to</th><th style="text-align: left;"></th><th style="text-align: left;">Price</th></tr>
 +
<tr ng-repeat="reservation in reservations">
 +
<td>{{ reservation.roomtype }}</td>
 +
<td>{{ reservation.datefrom }}</td>
 +
<td></td>
 +
<td>{{ reservation.dateto }}</td>
 +
<td></td>
 +
<td style="text-align: right;">{{ reservation.totalprice }}</td>
 +
</tr>
 +
<tr>
 +
<td colspan="5">Total</td>
 +
<td style="text-align: right;">{{ totalpricegroup }}</td>
 +
</tr>
 +
</tbody>
 +
</table>
 +
<p></p>
 +
</td>
 +
</tr>
 +
</tbody>
 +
</table>
 +
<!--- customer container end --></td>
 
</tr>
 
</tr>
 
</tbody>
 
</tbody>

Revision as of 10:24, 15 April 2020

Copy the HTML code for Voucher(Folio) - (Template type: Folio)

<style><!-- #generalstyling, td, th { font-family: 'Lato', sans-serif; font-size: 10pt; } #header { width: 100%; height: 200px; } .chargestable th, #customerReservation th { background-color: #c0c0c0 !important; text-align: left; padding: 10px; } #customerReservation td { padding: 10px; line-height: 80% !important; } .chargestable { width: 100%; } .chargestable td { line-height: 80% !important; } .reservationsLoop { border: 0 !important; padding: 0 !important; margin: 0 !important; } #customerReservation table td { line-height: 150%; padding: 5px; } #customerReservation table { width: 100%; } #customerReservation { width: 100%; border: 1px solid black; padding: 10px; } #summary { width: 50%; } #summary td { padding: 5px; font-weight: bold; font-size: 110%; line-height: 150%; } #footer { margin-top: 30px; text-align: center; } --></style> <div id="generalstyling"> <table id="header"> <tbody> <tr> <td><!-- thank you message start --> <table width="100%"> <tbody> <tr> <td style="background-color: #c0c0c0 !important; height: 150px;"> <h2 style="color: white !important; text-align: center; font-weight: bold;">VOUCHER</h2> <p style="text-align: center;"><strong>This voucher can be used for a stay in one of our beautiful and unique property, for a stay between ...... and ......<br /><br />Redeeming your voucher has never been so easy. <br /></strong><strong>To redeem your Voucher please send us an email at ...............</strong></p> </td> </tr> </tbody> </table> <!-- thank you message end --></td> <td width="40%"><img src="https://hoteligaapp.s3.eu-central-1.amazonaws.com/Content/domains/besthoteliga/images/email/44956f74d0964123a80fde72144a82e3_thumb3.jpg" alt="pure-safari-your-logo-here.jpg" width="278" height="181" style="float: right;" /></td> </tr> </tbody> </table> <div style="float: right; text-align: right;"><br />Print Date: <br />{{ printdate }}</div> <br /> <table id="customerReservation"> <tbody> <tr valign="top"> <td style="width: 49%;"><!--- customer container start --> <table> <tbody> <tr><th colspan="2" style="text-align: left;">GUEST DETAILS</th></tr> <tr> <td style="width: 50%;">Name</td> <td style="width: 50%; text-align: right;">{{ customer.firstname }} {{ customer.lastname }}</td> </tr> <tr valign="top"> <td style="line-height: 120% !important;">Home Address</td> <td style="line-height: 120% !important; text-align: right;">{{ customer.address }}</td> </tr> <tr> <td>Phone</td> <td style="text-align: right;">{{ customer.phone }}</td> </tr> <tr> <td>Mobile</td> <td style="text-align: right;">{{ customer.mobile }}</td> </tr> <tr> <td>E-mail</td> <td style="text-align: right;">{{ customer.email }}</td> </tr> </tbody> </table> <!--- customer container end --></td> <td style="width: 2%;"></td> <td style="width: 49%;"><!--- reservations container start --> <table> <tbody> <tr><th colspan="2" style="text-align: left;">RESERVATION DETAILS</th></tr> <tr> <td style="width: 50%; padding-left: 10px;">Reservation Date</td> <td style="width: 50%; text-align: right; padding-right: 10px;">{{ reservations[0].reservationdate }}</td> </tr> <tr> <td style="width: 50%; padding-left: 10px;">Promo Code</td> <td style="width: 50%; text-align: right; padding-right: 10px;">{{ reservations[0].promocode }}</td> </tr> <tr ng-repeat="reservation in reservations"> <td colspan="2"><!-- reservations loop start --> <table class="reservationsLoop" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="width: 50%; font-weight: bold; border-bottom: 2px solid #C0C0C0;">Reservation No.</td> <td style="width: 50%; font-weight: bold; border-bottom: 2px solid #C0C0C0; text-align: right;">{{ reservation.id }}</td> </tr> <tr> <td>Room</td> <td style="text-align: right;">{{ reservation.room }}</td> </tr> <tr> <td>Room Type</td> <td style="text-align: right;">{{ reservation.roomtype }}</td> </tr> <tr> <td>Check In</td> <td style="text-align: right;">{{ reservation.datefrom }}</td> </tr> <tr> <td>Check Out</td> <td style="text-align: right;">{{ reservation.dateto }}</td> </tr> <tr> <td>Nights</td> <td style="text-align: right;">{{ reservation.numnights }}</td> </tr> <tr> <td>No. of Guests</td> <td style="text-align: right;">{{ reservation.numadultschildren }}</td> </tr> </tbody> </table> <!-- reservations loop end --></td> </tr> </tbody> </table> <!--- reservations container end --></td> </tr> </tbody> </table> <h4>CHARGES</h4> <table class="chargestable table"> <tbody> <tr><th style="text-align: center;">DATE</th><th style="text-align: center;">RES. ID</th><th>DESCRIPTION</th><th style="text-align: right;">RATE</th><th style="text-align: right;">TAX</th><th style="text-align: right;">TOTAL</th></tr> <tr ng-repeat="roomcharge in roomcharges"> <td style="text-align: center; width: 15%;">{{ roomcharge.date }}</td> <td style="text-align: center; width: 10%;">#{{ roomcharge. reservationid }}</td> <td style="width: 30%;">{{ roomcharge.description }}</td> <td style="text-align: right; width: 15%;">{{ roomcharge.price }}</td> <td style="text-align: right; width: 15%;">{{ roomcharge.tax}}</td> <td style="text-align: right; width: 15%;">{{ roomcharge.pricewithtax }}</td> </tr> <tr> <td style="border-top: 3px solid #C0C0C0; border-bottom: 3px solid #C0C0C0;">Totals</td> <td colspan="3" style="text-align: right; border-top: 3px solid #C0C0C0; border-bottom: 3px solid #C0C0C0;">{{ roomchargestotals.price }}</td> <td style="text-align: right; border-top: 3px solid #C0C0C0; border-bottom: 3px solid #C0C0C0;">{{ roomchargestotals.tax }}</td> <td style="text-align: right; border-top: 3px solid #C0C0C0; border-bottom: 3px solid #C0C0C0;">{{ roomchargestotals.pricewithtax }}</td> </tr> </tbody> </table> <h4></h4> <h4>PAYMENTS</h4> <table class="chargestable table"> <tbody> <tr><th style="text-align: center;">DATE</th><th style="text-align: center;">RES. ID</th><th>DESCRIPTION</th><th style="text-align: right;">TOTAL</th></tr> <tr ng-repeat="payment in payments"> <td style="text-align: center; width: 15%;">{{ payment.date }}</td> <td style="text-align: center; width: 10%;">#{{ payment. reservationid }}</td> <td style="width: 60%;">{{ payment.method }}</td> <td style="text-align: right; width: 15%;">{{ payment.amount }}</td> </tr> <tr> <td colspan="3" style="border-top: 3px solid #C0C0C0; border-bottom: 3px solid #C0C0C0;">Totals</td> <td style="text-align: right; border-top: 3px solid #C0C0C0; border-bottom: 3px solid #C0C0C0;">{{ paymentstotal }}</td> </tr> </tbody> </table> <br /> <div align="right"> <table id="summary"> <tbody> <tr> <td>Total Room Charges</td> <td style="text-align: right;">{{ roomchargestotals.pricewithtax }}</td> </tr> <tr> <td>Total Extra Charges</td> <td style="text-align: right;">{{ extrachargestotals.pricewithtax }}</td> </tr> <tr> <td>Total Payments</td> <td style="text-align: right;">{{ paymentstotal }}</td> </tr> <tr> <td style="background-color: #c0c0c0 !important;">Balance</td> <td style="background-color: #c0c0c0 !important; text-align: right;">{{ balance }}</td> </tr> </tbody> </table> </div> </div>

Copy the HTML code for Voucher(Email) - (Template type: Reservation)

<style><!-- #generalstyling, td, th { font-family: 'Lato', sans-serif; font-size: 10pt; } #header { width: 100%; height: 200px; } .chargestable th, #customerReservation th { background-color: #c0c0c0 !important; text-align: left; padding: 10px; } #customerReservation td { padding: 10px; line-height: 80% !important; } .chargestable { width: 100%; } .chargestable td { line-height: 80% !important; } .reservationsLoop { border: 0 !important; padding: 0 !important; margin: 0 !important; } #customerReservation table td { line-height: 150%; padding: 5px; } #customerReservation table { width: 100%; } #customerReservation { width: 100%; border: 1px solid black; padding: 10px; } #summary { width: 50%; } #summary td { padding: 5px; font-weight: bold; font-size: 110%; line-height: 150%; } #footer { margin-top: 30px; text-align: center; } --></style> <div id="generalstyling"> <table id="header"> <tbody> <tr> <td><!-- thank you message start --> <table width="100%"> <tbody> <tr> <td style="background-color: #c0c0c0 !important; height: 150px;"> <h2 style="color: white !important; text-align: center; font-weight: bold;">VOUCHER</h2> <p style="text-align: center;"><strong>This voucher can be used for a stay in one of our beautiful and unique property, for a stay between ...... and ......<br /><br />Redeeming your voucher has never been so easy. <br /></strong><strong>To redeem your Voucher please send us an email at ...............</strong></p> </td> </tr> </tbody> </table> <!-- thank you message end --></td> <td width="40%"><img src="https://hoteligaapp.s3.eu-central-1.amazonaws.com/Content/domains/besthoteliga/images/email/44956f74d0964123a80fde72144a82e3_thumb3.jpg" alt="pure-safari-your-logo-here.jpg" width="278" height="181" style="float: right;" /></td> </tr> </tbody> </table> <div style="float: right; text-align: right;"><br /><br /></div> <br /> <table id="customerReservation"> <tbody> <tr valign="top"> <td style="width: 49%;"><!--- customer container start --> <table> <tbody> <tr><th style="text-align: left;">RESERVATION DETAILS</th><th style="text-align: left;"></th></tr> <tr> <td style="width: 50%;"><strong>Name</strong></td> <td style="width: 50%; text-align: right;">{{ firstname }} {{ lastname }} </td> </tr> <tr valign="top"> <td style="line-height: 120% !important;"><strong>Type of Room</strong></td> <td style="line-height: 120% !important; text-align: right;"><span>{{ roomtype }}</span></td> </tr> <tr> <td><strong>Arrival</strong></td> <td style="text-align: right;"><span>{{ datefrom }}</span></td> </tr> <tr> <td><strong>Departure</strong></td> <td style="text-align: right;"><span>{{ dateto }}</span></td> </tr> <tr> <td><strong>Adults</strong></td> <td style="text-align: right;"><span>{{ adults }}</span></td> </tr> <tr> <td><strong>Children</strong></td> <td style="text-align: right;"><span>{{ children }}</span></td> </tr> <tr> <td><strong>Total nights</strong></td> <td style="text-align: right;">{{ nights }}</td> </tr> <tr> <td><strong>Total price</strong></td> <td style="text-align: right;"><span>{{ totalprice }}</span></td> </tr> <tr> <td><strong>Balance</strong></td> <td style="text-align: right;"><span>{{ balance }}</span></td> </tr> </tbody> </table> <!--- customer container end --></td> <td style="width: 2%;" colspan="2"><!--- reservations container start --> <h4></h4> <div align="right"></div> </td> </tr> </tbody> </table> </div>

Copy the HTML code for Voucher (Email for group reservations) - (Template type: Reservation)

<style><!-- #generalstyling, td, th { font-family: 'Lato', sans-serif; font-size: 10pt; } #header { width: 100%; height: 200px; } .chargestable th, #customerReservation th { background-color: #c0c0c0 !important; text-align: left; padding: 10px; } #customerReservation td { padding: 10px; line-height: 80% !important; } .chargestable { width: 100%; } .chargestable td { line-height: 80% !important; } .reservationsLoop { border: 0 !important; padding: 0 !important; margin: 0 !important; } #customerReservation table td { line-height: 150%; padding: 5px; } #customerReservation table { width: 100%; } #customerReservation { width: 100%; border: 1px solid black; padding: 10px; } #summary { width: 50%; } #summary td { padding: 5px; font-weight: bold; font-size: 110%; line-height: 150%; } #footer { margin-top: 30px; text-align: center; } --></style> <div id="generalstyling"> <table id="header"> <tbody> <tr> <td><!-- thank you message start --> <table width="100%"> <tbody> <tr> <td style="background-color: #c0c0c0 !important; height: 150px;"> <h2 style="color: white !important; text-align: center; font-weight: bold;">VOUCHER</h2> <p style="text-align: center;"><strong>This voucher can be used for a stay in one of our beautiful and unique property, for a stay between ...... and ......<br /><br />Redeeming your voucher has never been so easy. <br /></strong><strong>To redeem your Voucher please send us an email at ...............</strong></p> </td> </tr> </tbody> </table> <!-- thank you message end --></td> <td width="40%"><img src="https://hoteligaapp.s3.eu-central-1.amazonaws.com/Content/domains/besthoteliga/images/email/44956f74d0964123a80fde72144a82e3_thumb3.jpg" alt="pure-safari-your-logo-here.jpg" width="278" height="181" style="float: right;" /></td> </tr> </tbody> </table> <div style="float: right; text-align: right;"><br /><br /></div> <br /> <table id="customerReservation"> <tbody> <tr valign="top"> <td style="width: 49%;"><!--- customer container start --> <table width="850" height="239"> <tbody> <tr><th style="text-align: left;">RESERVATION DETAILS</th></tr> <tr> <td style="width: 50%;">For all <strong>{{ reservations.length }}</strong> rooms/reservations the total price is <b>{{ totalpricegroup }}</b><br /><br /> <table width="798" height="99"> <tbody> <tr><th style="text-align: left;">Room type</th><th style="text-align: left;">Date from</th><th style="text-align: left;"></th><th style="text-align: left;">Date to</th><th style="text-align: left;"></th><th style="text-align: left;">Price</th></tr> <tr ng-repeat="reservation in reservations"> <td>{{ reservation.roomtype }}</td> <td>{{ reservation.datefrom }}</td> <td></td> <td>{{ reservation.dateto }}</td> <td></td> <td style="text-align: right;">{{ reservation.totalprice }}</td> </tr> <tr> <td colspan="5">Total</td> <td style="text-align: right;">{{ totalpricegroup }}</td> </tr> </tbody> </table> <p></p> </td> </tr> </tbody> </table> <!--- customer container end --></td> </tr> </tbody> </table> </div>
Retrieved from "http://help.hoteliga.com/en/index.php?title=Create_Vouchers&oldid=2207"