{"id":3147,"date":"2026-06-15T16:53:32","date_gmt":"2026-06-15T14:53:32","guid":{"rendered":"https:\/\/bosfortours.com\/?page_id=3147"},"modified":"2026-06-19T10:13:35","modified_gmt":"2026-06-19T08:13:35","slug":"voucher-generator","status":"publish","type":"page","link":"https:\/\/bosfortours.com\/mk\/voucher-generator\/","title":{"rendered":"Voucher Generator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3147\" class=\"elementor elementor-3147\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec003c8 e-con-full e-flex e-con e-parent\" data-id=\"ec003c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6ab159 elementor-widget elementor-widget-html\" data-id=\"b6ab159\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n#bvg,#bvg *,#bvg *::before,#bvg *::after{box-sizing:border-box !important;margin:0;padding:0;font-family:inherit}\n#bvg{all:initial;display:block;width:100%;font-family:Arial,'Helvetica Neue',sans-serif;background:#F0F2F8;padding:24px 16px 60px !important}\n#bvg{--bdr:#333;--bdr2:#bbb;--lbl:#555;--text:#111;--indigo:#3B5BDB;--ibdr:#C5D0FA}\n#bvg .app{display:flex;gap:20px;align-items:flex-start}\n#bvg .form-panel{background:#fff;border-radius:12px;padding:20px !important;width:34% !important;flex-shrink:0;box-shadow:0 2px 16px rgba(0,0,0,.08);border:1px solid #dde}\n#bvg .form-panel h2{font-size:10px;font-weight:700;color:var(--indigo);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px !important;padding-bottom:8px !important;border-bottom:2px solid var(--ibdr) !important}\n#bvg .fg{margin-bottom:10px !important}\n#bvg .fg label{display:block;font-size:10px;font-weight:700;color:#888;letter-spacing:0.6px;text-transform:uppercase;margin-bottom:3px !important}\n#bvg .fg input,#bvg .fg select,#bvg .fg textarea{width:100%;border:1.5px solid #dde !important;border-radius:7px;padding:6px 9px !important;font-size:12px;color:var(--text);background:#F8F9FF;outline:none;display:block;line-height:1.4;-webkit-appearance:none;appearance:none}\n#bvg .fg input:focus,#bvg .fg select:focus{border-color:var(--indigo) !important;background:#fff}\n#bvg .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}\n#bvg .three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}\n#bvg .btn-p{width:100%;margin-top:14px !important;background:var(--indigo);color:#fff !important;border:none !important;border-radius:8px;padding:11px !important;font-weight:700;font-size:12px;cursor:pointer;letter-spacing:0.5px;display:block;text-align:center}\n#bvg .btn-p:hover{background:#2845C0 !important}\n#bvg .btn-c{width:100%;margin-top:5px !important;background:transparent;color:#888;border:1.5px solid #dde !important;border-radius:8px;padding:7px !important;font-weight:600;font-size:11px;cursor:pointer;display:block;text-align:center}\n#bvg .preview-panel{flex:1}\n#bvg .preview-label{font-size:10px;font-weight:700;color:#888;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px !important;display:block;font-family:Arial,sans-serif}\n#bvg .a4-wrap{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.10);overflow:hidden;padding:10px !important;display:flex;flex-direction:column;gap:8px}\n\n\/* VOUCHER *\/\n#bvg .voucher{border:1.5px solid var(--bdr);font-size:12px;color:var(--text);background:#fff;font-family:Arial,sans-serif}\n#bvg .v-hdr{display:flex;border-bottom:1.5px solid var(--bdr)}\n#bvg .v-hdr-logo{width:22%;flex-shrink:0;border-right:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;padding:6px !important}\n#bvg .v-hdr-logo img{width:100%;height:58px;object-fit:contain}\n#bvg .v-hdr-co{flex:1;border-right:1px solid var(--bdr);padding:6px 10px !important;font-size:10px;line-height:1.55;color:#222}\n#bvg .v-hdr-co strong{font-size:11px;display:block}\n#bvg .v-hdr-id{width:140px;flex-shrink:0;padding:6px 10px !important}\n#bvg .v-hdr-id .v-voucher-title{font-size:15px;font-weight:700;letter-spacing:1px;margin-bottom:2px !important}\n#bvg .v-idrow{font-size:11px}\n#bvg .v-body{display:flex}\n#bvg .v-guest{width:22%;border-right:1.5px solid var(--bdr);padding:8px 9px !important;display:flex;flex-direction:column;justify-content:space-between;font-size:11px}\n#bvg input {height:32px;}\n#bvg .v-guest .v-lbl{font-size:10px;color:var(--lbl);display:block;margin-top:5px !important}\n#bvg .v-guest .v-lbl:first-child{margin-top:0 !important}\n#bvg .v-guest .v-val{font-weight:600;font-size:11px;min-height:14px}\n#bvg .v-guest .v-bot{border-top:1px solid var(--bdr2);padding-top:5px !important;margin-top:8px !important}\n#bvg .v-guest .v-prow{font-size:11px;line-height:1.7}\n#bvg .v-details{flex:1;display:flex;flex-direction:column}\n#bvg .v-drow{display:flex;align-items:center;border-bottom:1px solid var(--bdr2);padding:5px 10px !important;gap:8px;min-height:26px}\n#bvg .v-drow:last-child{border-bottom:none}\n#bvg .v-dl{font-size:10px;color:var(--lbl);white-space:nowrap;flex-shrink:0}\n#bvg .v-dv{font-size:12px;font-weight:600;flex:1}\n#bvg .v-dv.lg{font-size:13px;font-weight:700;text-align:center}\n#bvg .v-nights{font-size:11px;font-weight:600;margin-left:auto;white-space:nowrap;flex-shrink:0}\n#bvg .v-nte-row{padding:0 !important;gap:0 !important;align-items:stretch;min-height:40px}\n#bvg .v-nte-cell{flex:1;padding:5px 8px !important;border-right:1px solid var(--bdr2);font-size:10px;display:flex;flex-direction:column;justify-content:space-between}\n#bvg .v-nte-cell span{font-size:11px}\n#bvg .v-issued-cell{flex:1.2;padding:5px 8px !important;border-right:1px solid var(--bdr2);font-size:10px}\n#bvg .v-issued-cell strong{display:block;font-size:12px;margin-top:2px !important}\n#bvg .v-sig-cell{flex:1;padding:5px 8px !important;font-size:10px}\n#bvg .v-disclaimer{text-align:center;padding:6px 8px !important;font-size:11px;font-style:italic;font-weight:700;background:#fafafa;border-top:1px solid var(--bdr2)}\n\n@media print {\n  *{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}\n  @page{size:A4 portrait;margin:8mm 6mm}\n  body *{visibility:hidden !important}\n  #bvg .a4-wrap,#bvg .a4-wrap *{visibility:visible !important}\n  #bvg .a4-wrap{\n    position:absolute !important;top:0 !important;left:0 !important;\n    width:100% !important;height:auto !important;\n    border:none !important;border-radius:0 !important;\n    box-shadow:none !important;background:#fff !important;\n    padding:0 !important;gap:6mm !important;\n    display:flex !important;flex-direction:column !important;\n  }\n  #bvg .voucher{width:100% !important}\n  #bvg .v-hdr-logo{width:22% !important}\n  #bvg .v-hdr-logo img{width:100% !important;height:40px !important}\n  #bvg .v-hdr-co{font-size:7.5pt !important;line-height:1.4 !important;padding:4px 8px !important}\n  #bvg .v-hdr-co strong{font-size:8.5pt !important}\n  #bvg .v-hdr-id{width:110px !important;padding:4px 8px !important}\n  #bvg .v-hdr-id .v-voucher-title{font-size:11pt !important}\n  #bvg .v-idrow{font-size:8pt !important}\n  #bvg .v-guest{font-size:8.5pt !important;padding:5px 6px !important}\n  #bvg .v-guest .v-lbl{font-size:7pt !important}\n  #bvg .v-guest .v-val{font-size:8.5pt !important}\n  #bvg .v-guest .v-prow{font-size:8.5pt !important;line-height:1.6 !important}\n  #bvg .v-dl{font-size:7.5pt !important}\n  #bvg .v-dv{font-size:9pt !important}\n  #bvg .v-dv.lg{font-size:9.5pt !important}\n  #bvg .v-drow{padding:3px 8px !important;min-height:0 !important}\n  #bvg .v-nights{font-size:8.5pt !important}\n  #bvg .v-nte-row{min-height:28px !important}\n  #bvg .v-nte-cell,#bvg .v-issued-cell,#bvg .v-sig-cell{font-size:7.5pt !important;padding:3px 6px !important}\n  #bvg .v-issued-cell strong{font-size:8.5pt !important}\n  #bvg .v-nte-cell span{font-size:8.5pt !important}\n  #bvg .v-disclaimer{font-size:8pt !important;padding:4px 8px !important}\n}\n<\/style>\n\n<div id=\"bvg\">\n  <div class=\"app\">\n    <div class=\"form-panel\">\n      <h2>Voucher Details<\/h2>\n      <div class=\"two\">\n        <div class=\"fg\"><label>Voucher No<\/label><input type=\"text\" id=\"f-vnum\" placeholder=\"AL00020\" oninput=\"upd()\"><\/div>\n        <div class=\"fg\"><label>Date<\/label><input type=\"date\" id=\"f-date\" oninput=\"upd()\"><\/div>\n      <\/div>\n      <div class=\"two\">\n        <div class=\"fg\"><label>Salutation<\/label>\n          <select id=\"f-sal\" onchange=\"upd()\"><option value=\"Mr\">Mr<\/option><option value=\"Mrs\">Mrs<\/option><option value=\"Ms\">Ms<\/option><option value=\"\">\u2014<\/option><\/select>\n        <\/div>\n        <div class=\"fg\"><label>Guest Name<\/label><input type=\"text\" id=\"f-guest\" placeholder=\"Gelov Martin\" oninput=\"upd()\"><\/div>\n      <\/div>\n      <div class=\"fg\"><label>Date of Birth<\/label><input type=\"date\" id=\"f-dob\" oninput=\"upd()\"><\/div>\n      <div class=\"fg\"><label>Hotel \/ Destination<\/label><input type=\"text\" id=\"f-hotel\" placeholder=\"FIORE - DURES\" oninput=\"upd()\"><\/div>\n      <div class=\"two\">\n        <div class=\"fg\"><label>Check-In<\/label><input type=\"date\" id=\"f-ci\" oninput=\"upd()\"><\/div>\n        <div class=\"fg\"><label>Check-Out<\/label><input type=\"date\" id=\"f-co\" oninput=\"upd()\"><\/div>\n      <\/div>\n      <div class=\"two\">\n        <div class=\"fg\"><label>Board<\/label>\n          <select id=\"f-board\" onchange=\"upd()\">\n            <option value=\"BB\">BB \u2013 Bed &amp; Breakfast<\/option>\n            <option value=\"HB\">HB \u2013 Half Board<\/option>\n            <option value=\"FB\">FB \u2013 Full Board<\/option>\n            <option value=\"AI\">AI \u2013 All Inclusive<\/option>\n            <option value=\"UAI\">UAI \u2013 Ultra All Inclusive<\/option>\n            <option value=\"RO\">RO \u2013 Room Only<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"fg\"><label>Transfer<\/label>\n          <select id=\"f-transfer\" onchange=\"upd()\">\n            <option value=\"Agency\">Agency<\/option><option value=\"Hotel\">Hotel<\/option><option value=\"Own\">Own<\/option><option value=\"\u2014\">None<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n      <div class=\"fg\"><label>Rooms<\/label><input type=\"text\" id=\"f-rooms\" placeholder=\"1 SINGLE ROOMS\" oninput=\"upd()\"><\/div>\n      <div class=\"three\">\n        <div class=\"fg\"><label>Adults<\/label><input type=\"number\" id=\"f-adults\" placeholder=\"1\" min=\"0\" oninput=\"upd()\"><\/div>\n        <div class=\"fg\"><label>Children<\/label><input type=\"number\" id=\"f-children\" placeholder=\"0\" min=\"0\" oninput=\"upd()\"><\/div>\n        <div class=\"fg\"><label>Pax (auto)<\/label><input type=\"text\" id=\"f-pax\" readonly style=\"background:#f0f0f0 !important;color:#888\"><\/div>\n      <\/div>\n      <div class=\"fg\"><label>Nte \/ Payment<\/label><input type=\"text\" id=\"f-nte\" placeholder=\"Paid in the Agency\" oninput=\"upd()\"><\/div>\n      <div class=\"fg\"><label>Pay Hotel<\/label><input type=\"text\" id=\"f-payhotel\" oninput=\"upd()\"><\/div>\n      <div class=\"fg\"><label>Issued By<\/label><input type=\"text\" id=\"f-issuedby\" placeholder=\"BOSFOR TOURS\" oninput=\"upd()\"><\/div>\n      <button class=\"btn-p\" onclick=\"window.print()\">\ud83d\udda8\ufe0f Print \u2014 3 Copies<\/button>\n      <button class=\"btn-c\" onclick=\"clr()\">Clear<\/button>\n    <\/div>\n\n    <div class=\"preview-panel\">\n      <span class=\"preview-label\">Preview \u2014 3 copies, natural height<\/span>\n      <div class=\"a4-wrap\">\n\n        <div class=\"voucher\" id=\"v1\">\n          <div class=\"v-hdr\">\n            <div class=\"v-hdr-logo\"><img decoding=\"async\" src=\"https:\/\/bosfortours.com\/wp-content\/uploads\/2026\/06\/A70BF2FF-CCEC-47C8-8E84-901421A19DAC-2.png\"><\/div>\n            <div class=\"v-hdr-co\">\n              <strong>DTTU BOSFOR TOURS<\/strong>\n              Dooel - Skopje \u00b7 ul.Filip Vtori Mak.3 lok.24 \u00b7 Skopje Chair<br>\n              info@bosfortours.com \u00b7 www.bosfortours.com \u00b7 contact: +389 76 428 888\n            <\/div>\n            <div class=\"v-hdr-id\">\n              <div class=\"v-voucher-title\">VOUCHER<\/div>\n              <div class=\"v-idrow\">No: <strong id=\"v-num\">\u2014<\/strong><\/div>\n              <div class=\"v-idrow\">Date: <strong id=\"v-date\">\u2014<\/strong><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"v-body\">\n            <div class=\"v-guest\">\n              <div class=\"v-top\">\n                <span class=\"v-lbl\">Guest's name:<\/span>\n                <div class=\"v-val\" id=\"v-guest\">\u2014<\/div>\n                <span class=\"v-lbl\">Dt.of.B.:<\/span>\n                <div class=\"v-val\" id=\"v-dob\">\u2014<\/div>\n              <\/div>\n              <div class=\"v-bot\">\n                <div class=\"v-prow\"><span style=\"color:#555;font-size:10px\">Pax: <\/span><span id=\"v-pax\">\u2014<\/span><\/div>\n                <div class=\"v-prow\"><span style=\"color:#555;font-size:10px\">Adult: <\/span><span id=\"v-adults\">\u2014<\/span><\/div>\n                <div class=\"v-prow\"><span style=\"color:#555;font-size:10px\">Child: <\/span><span id=\"v-children\">\u2014<\/span><\/div>\n              <\/div>\n            <\/div>\n            <div class=\"v-details\">\n              <div class=\"v-drow\"><span class=\"v-dl\">Hotel:<\/span><span class=\"v-dv lg\" id=\"v-hotel\">\u2014<\/span><\/div>\n              <div class=\"v-drow\">\n                <span class=\"v-dl\">check-in:<\/span><span class=\"v-dv\" id=\"v-ci\">\u2014<\/span>\n                <span class=\"v-dl\" style=\"margin-left:16px\">check-out:<\/span><span class=\"v-dv\" id=\"v-co\">\u2014<\/span>\n              <\/div>\n              <div class=\"v-drow\"><span class=\"v-dl\">Board:<\/span><span class=\"v-dv\" id=\"v-board\">\u2014<\/span><span class=\"v-nights\" id=\"v-nights\"><\/span><\/div>\n              <div class=\"v-drow\"><span class=\"v-dl\">Rooms:<\/span><span class=\"v-dv\" id=\"v-rooms\">\u2014<\/span><\/div>\n              <div class=\"v-drow\"><span class=\"v-dl\">Transfer:<\/span><span class=\"v-dv\" id=\"v-transfer\">\u2014<\/span><\/div>\n              <div class=\"v-drow v-nte-row\">\n                <div class=\"v-nte-cell\"><span style=\"font-size:10px;color:#555\">Nte: <\/span><span id=\"v-nte\">\u2014<\/span><\/div>\n                <div class=\"v-issued-cell\"><span style=\"color:#555\">Issued By:<\/span><strong id=\"v-issuedby\">\u2014<\/strong><\/div>\n                <div class=\"v-sig-cell\"><span style=\"color:#555\">Signature:<\/span><\/div>\n              <\/div>\n              <div class=\"v-drow\"><span class=\"v-dl\">Pay.Hotel:<\/span><span class=\"v-dv\" id=\"v-payhotel\">\u2014<\/span><\/div>\n              <div class=\"v-disclaimer\">The voucher is used exclusively for the above services<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"voucher\" id=\"v2\"><\/div>\n        <div class=\"voucher\" id=\"v3\"><\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  function fmt(d){if(!d)return'\u2014';const[y,m,dd]=d.split('-');return`${dd}.${m}.${y}`}\n  function nights(ci,co){\n    if(!ci||!co)return'';\n    const n=Math.round((new Date(co)-new Date(ci))\/(864e5));\n    return n>0?`Nights: ${n}`:'';\n  }\n  const today=new Date().toISOString().split('T')[0];\n  document.getElementById('f-date').value=today;\n\n  function set(id,val){const e=document.getElementById(id);if(e)e.innerHTML=val||'\u2014'}\n\n  window.upd=function(){\n    const vnum=document.getElementById('f-vnum').value.trim();\n    const date=document.getElementById('f-date').value;\n    const sal=document.getElementById('f-sal').value;\n    const guest=document.getElementById('f-guest').value.trim();\n    const dob=document.getElementById('f-dob').value;\n    const hotel=document.getElementById('f-hotel').value.trim();\n    const ci=document.getElementById('f-ci').value;\n    const co=document.getElementById('f-co').value;\n    const board=document.getElementById('f-board').value;\n    const transfer=document.getElementById('f-transfer').value;\n    const rooms=document.getElementById('f-rooms').value.trim();\n    const adults=document.getElementById('f-adults').value.trim();\n    const children=document.getElementById('f-children').value.trim();\n    const nte=document.getElementById('f-nte').value.trim();\n    const payhotel=document.getElementById('f-payhotel').value.trim();\n    const issuedby=document.getElementById('f-issuedby').value.trim();\n    const a=parseInt(adults)||0,c=parseInt(children)||0,pax=a+c;\n    document.getElementById('f-pax').value=pax||'';\n\n    set('v-num',vnum||'\u2014');\n    set('v-date',fmt(date));\n    set('v-guest',(sal?sal+': ':'')+( guest||'\u2014'));\n    set('v-dob',dob?fmt(dob):'\u2014');\n    set('v-hotel',hotel||'\u2014');\n    set('v-ci',fmt(ci));\n    set('v-co',fmt(co));\n    set('v-board',board);\n    set('v-nights',nights(ci,co));\n    set('v-rooms',rooms||'\u2014');\n    set('v-transfer',transfer);\n    set('v-pax',pax||'\u2014');\n    set('v-adults',adults||'\u2014');\n    set('v-children',children||'\u2014');\n    set('v-nte',nte||'\u2014');\n    set('v-issuedby',issuedby||'\u2014');\n    set('v-payhotel',payhotel||'\u2014');\n\n    const src=document.getElementById('v1');\n    ['v2','v3'].forEach(id=>{\n      const el=document.getElementById(id);\n      if(el)el.innerHTML=src.innerHTML;\n    });\n  };\n\n  window.clr=function(){\n    ['f-vnum','f-guest','f-dob','f-hotel','f-ci','f-co','f-rooms','f-adults','f-children','f-nte','f-payhotel','f-issuedby'].forEach(id=>{\n      const el=document.getElementById(id);if(el)el.value='';\n    });\n    document.getElementById('f-date').value=today;\n    document.getElementById('f-sal').value='Mr';\n    document.getElementById('f-board').value='BB';\n    document.getElementById('f-transfer').value='Agency';\n    document.getElementById('f-pax').value='';\n    upd();\n  };\n\n  upd();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Voucher Details Voucher No Date Salutation MrMrsMs\u2014 Guest Name Date of Birth Hotel \/ Destination Check-In Check-Out Board BB \u2013 Bed &amp; BreakfastHB \u2013 Half BoardFB \u2013 Full BoardAI \u2013 All InclusiveUAI \u2013 Ultra All InclusiveRO \u2013 Room Only Transfer AgencyHotelOwnNone Rooms Adults Children Pax (auto) Nte \/ Payment Pay Hotel Issued By \ud83d\udda8\ufe0f Print [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3147","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bosfortours.com\/mk\/wp-json\/wp\/v2\/pages\/3147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bosfortours.com\/mk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bosfortours.com\/mk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bosfortours.com\/mk\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bosfortours.com\/mk\/wp-json\/wp\/v2\/comments?post=3147"}],"version-history":[{"count":109,"href":"https:\/\/bosfortours.com\/mk\/wp-json\/wp\/v2\/pages\/3147\/revisions"}],"predecessor-version":[{"id":3269,"href":"https:\/\/bosfortours.com\/mk\/wp-json\/wp\/v2\/pages\/3147\/revisions\/3269"}],"wp:attachment":[{"href":"https:\/\/bosfortours.com\/mk\/wp-json\/wp\/v2\/media?parent=3147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}