{include file="main_new_header.tpl"}

<input type="hidden" id="matchData"  data-match-date="{$data.match.match_date_stamp|default:0}" value="0">
 
<!--<link href="/css/pack.css" rel="stylesheet" type="text/css">-->

<script type="text/javascript" src="/jquery/ui/ui.datepicker.js"></script>
<script type="text/javascript" src="/jquery/ui/effects.core.js"></script>
<script type="text/javascript" src="/jquery/ui/effects.slide.js"></script>


<script language="JavaScript" src="/checkfiles/cofchecker_new.js"></script>
<script language="JavaScript" src="/checkfiles/list.js"></script>
<script type="text/javascript" src="/jquery/configdate.js"></script>

<!--<link href="/css/custom.css" rel="stylesheet" type="text/css">-->

<!-- new add-->
<link href="/css/home_new_style.css" rel="stylesheet" type="text/css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>


 <div style="text-align: left;" id="dhtmltooltip"></div><script type="text/javascript" src="/checkfiles/tooltip.js"></script>



                   <!-- START: Converted content -->
<div class="container my-4">
  <!-- Header: Teams -->
  <div class="row justify-content-center mb-3">
    <div class="col-12 col-xl-9">
      <div class="text-center Titleheader">{$data.home_team.team_name} vs. {$data.guest_team.team_name}</div>
    </div>
  </div>

  <!-- Match info + images -->
  <div class="row justify-content-center mb-4">
    <div class="col-12 col-xl-9">
      <div class="row g-3 align-items-start boxinfotab2">
        <!-- Left: home badge / vs / guest badge -->
        <div class="col-12 col-sm-4">
          <div id="matchinfo" class="d-flex align-items-center">
            <div class="flex-shrink-0" style="width:86px;">
              <img src="/images/{$data.home_team.badge_path}/{$data.home_team.badge_image}"
                   alt="{$data.home_team.team_name}" title="{$data.home_team.team_name}"
                   class="responsive-thumb"
                   style="margin: 8px 0 0 3px; {$data.home_team.badge_border}">
            </div>
            <div class="px-2 text-center" style="width:44px;">
              <img src="/images/vs.gif" width="44" height="22" style="margin-top:16px;">
            </div>
            <div class="flex-shrink-0" style="width:85px;">
              <img src="/images/{$data.guest_team.badge_path}/{$data.guest_team.badge_image}"
                   alt="{$data.guest_team.team_name}" title="{$data.guest_team.team_name}"
                   class="responsive-thumb"
                   style="margin: 8px 0 0 0; {$data.home_team.badge_border}" {$data.guest_team.badge_border}>
            </div>
          </div>

          <div class="spacer-vertical"></div>
        </div>

        <!-- Center: match metadata -->
        <div class="col-12 col-sm-5">
          <div id="matchinfo">
            <div class="ContentText"><strong>Type: </strong>{$data.matchtype.matchtype_name}</div>

            {if (($data.home_team.national_team != 'Yes') || ($data.guest_team.national_team != 'Yes')) && $data.matchtype.matchtype_type == 'League'}
            <div class="ContentText"><strong>League: </strong>{$data.country.country_name} (D{math equation="x/10" x=$data.matchtype.team_level})</div>
            {/if}

            <div class="ContentText"><strong>Date: </strong>{$data.match.match_date_stamp|date_format:"%B %e, %Y"}</div>
            <div class="ContentText"><strong>Day: </strong>{$data.match.match_date_stamp|date_format:"%A"}</div>
            <div class="ContentText"><strong>Stadium: </strong>{$data.stadium.stadium_name}</div>
            <div class="ContentText"><strong>City: </strong>{$data.city.city_name}</div>
            <div class="ContentText">
              <strong>Nation: </strong>
              <img src="/images/country_flags/{$data.country.country_flag_thumb}"
                   alt="{$data.country.country_name}" title="{$data.country.country_name}"
                   height="10" border="1" align="absmiddle" style="border:1px solid black; width:20px;">
              {$data.country.country_name}
            </div>

            {if $data.derby.derby_name != ''}
            <div class="ContentText"><strong>Derby:</strong> {$data.derby.derby_name}</div>
            {/if}
          </div>
        </div>

        <!-- Right: city / stadium images -->
        <div class="col-6 col-sm-1">
          <img src="/images/cities/{$data.city.city_img1}"
               alt="{$data.city.city_name}, {$data.country.country_fifa_code}"
               title="{$data.city.city_name}, {$data.country.country_fifa_code}"
               width="160" height="120" style="border:1px solid black; border-top:0; margin:2px 2px 0 0;" class="img-fluid">
          <span class="packimgsig">{$data.city.city_name}, {$data.country.country_fifa_code}</span>
        </div>

        <div class="col-6 col-sm-1">
          <img src="/images/stadiums/{$data.stadium.stadium_img}"
               alt="{$data.stadium.stadium_name}" title="{$data.stadium.stadium_name}"
               width="160" height="120" style="border:1px solid black; border-top:0; margin:2px 0 0 0;" class="img-fluid">
          <span class="packimgsig">{$data.stadium.stadium_name}</span>
        </div>
      </div>
    </div>
  </div>

  <!-- Notice text -->
  <div class="row justify-content-center mb-3">
    <div class="col-12 col-xl-9 text-center">
      <div class="hotelcatssubco">Please select the options to be included in your custom package quote.</div>
    </div>
  </div>

  <!-- FORM -->
  <div class="row justify-content-center">
    <div class="col-12 col-xl-9">
      <form action="customorder_p2.php" method="post" enctype="application/x-www-form-urlencoded"
            name="packageorder" id="packageorder" onSubmit="return checkfields();">
        <input type="hidden" name="matchID" value="{$data.match.match_id}">

        <div class="row g-3">
          <!-- Left column: main options (tickets + hotels) -->
          <div class="col-12 col-lg-7">
            <div class="card mb-3">
              <div class="card-body">
                <div class="Titleheader text-center">Custom Package Options</div>

                <!-- TICKETS AREA -->
                <div id="ticketstab" class="mt-3">
                  <div class="d-flex align-items-center mb-2">
                    <div style="width:33px; text-align:right;">
                      <img src="/images/packages/tickets_custom.gif" width="26" height="26" alt="Soccer Tickets" title="Soccer Tickets" style="vertical-align:middle;">
                    </div>
                    <div class="px-2">
                      <span class="titleheaderoption" style="font-size:17px;">Tickets</span>
                    </div>
                    <div class="ms-auto hotelcats2BSm" style="color:#777; font-size:10px;">- choose what you like & we get you the best seats available</div>
                  </div>

                  <div class="CatB mb-2">
                    <select name="order|matches|tickets_number" id="tickets_number" class="form-select form-select-sm" style="width:120px; display:inline-block;">
                      <option selected>0</option>
                      <option>1</option>
                      <option>2</option>
                      <option>3</option>
                      <option>4</option>
                      <option>5</option>
                      <option>6</option>
                      <option>7</option>
                      <option>8</option>
                      <option>9</option>
                      <option>10</option>
                      <option>11</option>
                      <option>12</option>
                      <option>13</option>
                      <option>14</option>
                      <option>15</option>
                      <option>16</option>
                      <option>17</option>
                      <option>18</option>
                      <option>19</option>
                      <option>20+</option>
                    </select>
                    <span style="font-size:14px; margin-left:8px;"># of Tickets per match</span>
                  </div>

                  <div id="tixprefinforow" style="display: none;" class="CatB mb-2">
                    <select name="order|matches|seating_preferences" id="ticketspreferences" class="form-select form-select-sm" style="width:100%;">
                      <option selected>Please Select</option>
                      <option class="black">VIP Hospitality - $$$$$</option>
                      <option class="cyan">Lower Sideline - $$$$</option>
                      <option class="blue">Upper Sideline - $$$</option>
                      <option class="orange">Lower End - $$</option>
                      <option class="red">Upper End - $</option>
                      <option class="purple">AWAY - $$$$</option>
                    </select>
                    <a href="customorder.php?matchID={$data.incoming.match_id}&pt={$data.incoming.pack_type}"
                       onClick="return false;" onMouseover="ddrivetip('<img src=images/stadium_seating_preference_chart.gif>')" onMouseout="hideddrivetip()"
                       class="ClubNavlinks2" style="font-size:13px; margin-left:8px;">
                       &nbsp;Seating Preferences Chart
                    </a>
                  </div>

                  <div id="extramatchesinfo2" style="display: none;" class="CatB vmiddle mb-2">
                    <div>
                      <input type="radio" name="order|matches|extra_type" id="extramatches1" value="None" onClick="tixprefs('extramatches1');" checked>
                      <span style="display:inline-block; font-size:11px; margin-left:6px;">No other matches needed</span>
                    </div>
                  </div>

                  <div id="extramatchesinfo1" style="display: none;" class="CatB vmiddle mb-2">
                    <div>
                      <input type="radio" name="order|matches|extra_type" id="extramatches2" value="Local" onClick="tixprefs('extramatches2')" {if $data.matches.local_count == 0}DISABLED{/if}>
                      <span style="display:inline-block; font-size:11px; margin-left:6px;">Local Match Suggestions: </span>
                      <span style="color:#999; margin-left:6px;">{if $data.matches.local_count == 0}(no local matches found){else}(click to choose){/if}</span>
                    </div>

                    <div id="localsearch" style="display: none; padding-left: 25px; margin-top:6px;">
                      <div>
                        {foreach from=$data.local_matches item=local_match key=key}
                          <div class="form-check mb-1">
                            <input class="form-check-input" type="checkbox" name="order|matches|local|matches[]" id="localmatch{$key}" value="{$key}">
                            <label class="form-check-label" for="localmatch{$key}">
                              <strong>{$local_match.match_date} {$local_match.home_team_name} vs. {$local_match.guest_team_name}</strong>
                              <div style="color:#999; font-size:0.9rem;">{$local_match.match_name}: {$local_match.stadium_name}, {$local_match.city_full_name}</div>
                            </label>
                          </div>
                        {/foreach}
                      </div>
                    </div>
                  </div>

                  <div id="extramatchesinfo3" style="display: none;" class="CatB vmiddle mb-2">
                    <div>
                      <input type="radio" name="order|matches|extra_type" id="extramatches4" value="National" onClick="tixprefs('extramatches4')" {if $data.matches.national_count == 0}DISABLED{/if}>
                      <span style="display:inline-block; font-size:11px; margin-left:6px;">National Match Suggestions:</span>
                      <span style="color:#999; margin-left:6px;">{if $data.matches.national_count == 0}(no national matches found){else}(click to choose){/if}</span>
                    </div>

                    <div id="localsearch2" style="display: none; padding-left: 25px; margin-top:6px;">
                      {foreach from=$data.national_matches item=national_match key=key}
                      <div class="form-check mb-1">
                        <input class="form-check-input" type="checkbox" name="order|matches|national|matches[]" id="nationalmatch{$key}" value="{$key}">
                        <label class="form-check-label" for="nationalmatch{$key}">
                          <strong>{$national_match.matchdate} {$national_match.home_team_name} vs. {$national_match.guest_team_name}</strong>
                          <div style="color:#999; font-size:0.9rem;">{$national_match.matchtype_name}: {$national_match.stadium_name}, {$national_match.city_full_name}</div>
                        </label>
                      </div>
                      {/foreach}

                      <script language="JavaScript">
                        {if ($data.matches.local_count == 0 && $data.matches.national_count == 0)}
                          var extramatchesfound = "no";
                        {else}
                          var extramatchesfound = "yes";
                        {/if}
                      </script>
                    </div>
                  </div>

                  <div id="extramatchesinfo4" style="display: none;" class="CatB mb-2">
                    <input type="radio" name="order|matches|extra_type" id="extramatches3" value="Other" onClick="tixprefs('extramatches3');">
                    <span style="display:inline-block; font-size:11px; margin-left:6px;">Other Matches:</span>
                    <input name="order|matches|other" type="text" class="textbox1" id="extramatchspecify" value="Specify matches here" style="width:280px; color:#D1D1D1; margin-left:10px;" onblur="formFocus(this.id,'Specify matches here');" onfocus="formFocus(this.id,'Specify matches here'); this.style.color='#666666';" onClick="document.packageorder.extramatches3.checked=true">
                  </div>

                  <div class="section-divider"></div>
                </div>
                <!-- /TICKETS AREA -->

                <div class="spacer-vertical"></div>

                <!-- HOTELS AREA -->
                <div id="hotelstab">
                  <div class="d-flex align-items-center mb-2">
                    <div style="width:33px; text-align:right;">
                      <img src="/images/packages/hotels_custom.gif" width="26" height="26" alt="Soccer Hotels" title="Soccer Hotels" style="vertical-align:middle;">
                    </div>
                    <div class="px-2">
                      <span class="titleheaderoption" style="font-size:17px;">Hotels</span>
                    </div>
                    <div class="ms-auto hotelcats2BSm" style="color:#777; font-size:10px;">- unless you'd like otherwise, we use terrific city-center hotels</div>
                  </div>

                  <div class="CatB mb-2">
                    <select name="order|hotel|rooms_number" id="rooms_number" class="form-select form-select-sm" style="width:120px; display:inline-block;">
                      <option selected>0</option>
                      <option>1</option>
                      <option>2</option>
                      <option>3</option>
                      <option>4</option>
                      <option>5</option>
                      <option>6</option>
                      <option>7</option>
                      <option>8</option>
                      <option>9</option>
                      <option>10+</option>
                    </select>
                    <span style="font-size:14px; margin-left:8px;"># of Hotel Rooms</span>
                  </div>

                  <div id="hotelclassrow" style="display: none" class="CatB mb-2">
                    <label class="me-2">Class:</label>
                    <select name="order|hotel|class" id="hotelclass" class="form-select form-select-sm" style="width:120px; display:inline-block;">
                      <option selected>Please Select</option>
                      <option value="3*">3 Star</option>
                      <option value="4*">4 Star</option>
                      <option value="5*">5 Star</option>
                    </select>
                  </div>

                  <div id="hotelprefrow" style="display: none" class="CatB mb-2">
                    <div style="padding-left:5px; font-size:12px;">
                      Type:
                      <select name="order|hotel|size" id="typepref" class="form-select form-select-sm" style="width:270px; display:inline-block; margin-left:12px;">
                        <option selected>Please Select</option>
                        <option>Chain (large/consistent/amenities)</option>
                        <option>Boutique (medium/unique/simple)</option>
                        <option>Apart/Loft (more space/less service/kitchens)</option>
                        <option>B&amp;B (tiny/charming/welcoming)</option>
                      </select>
                      <div style="margin-top:6px;">
                        Location:
                        <select name="order|hotel|location" id="locpref" class="form-select form-select-sm" style="width:270px; display:inline-block; margin-left:12px;">
                          <option selected>Please Select</option>
                          <option>Central (costlier/active/fun/loud)</option>
                          <option>Near Stadium (easy matchday/dull)</option>
                          <option>Near Airport (cheap/distant/convenient)</option>
                          <option>Outskirts (cheapest/sedate/quiet)</option>
                        </select>
                      </div>
                    </div>
                  </div>

                  <div id="hotelinforow" style="display: none;" class="CatB">
                    <div class="mt-2">
                      <!-- repeatable room blocks -->
                      <div style="margin-top:3px;">
                        {section name=hotel start=1 loop=11 step=1}
                        {assign var="hotel" value=$smarty.section.hotel.index}
                        <div id="extrahotelroomscats{$hotel}" style="display: none; margin-bottom:10px;">
                          <div class="d-flex align-items-start">
                            <div style="width:36px; padding-top:6px;">
                              <table width="31" height="20" border="0" cellpadding="0" cellspacing="0">
                                <tr><td width="1"><img src="/images/spacer.gif" width="1" height="1" alt=""></td><td width="29"><img src="/images/packicons/airfare2_02.gif" width="29" height="1" alt=""></td><td width="1"><img src="/images/spacer.gif" width="1" height="1" alt=""></td></tr>
                                <tr><td rowspan="2"><img src="/images/packicons/airfare2_04.gif" width="1" height="18" alt=""></td><td><img src="/images/packicons/room.gif" width="29" height="6" alt=""></td><td rowspan="2"><img src="/images/packicons/airfare2_06.gif" width="1" height="18" alt=""></td></tr>
                                <tr><td width="31" height="12" class="runningno">#{$hotel}</td></tr>
                                <tr><td><img src="/images/spacer.gif" width="1" height="1"></td><td><img src="/images/packicons/airfare2_09.gif" width="29" height="1"></td><td><img src="/images/spacer.gif" width="1" height="1"></td></tr>
                              </table>
                            </div>

                            <div class="flex-grow-1 ps-2">
                              <div class="d-flex gap-3 flex-wrap">
                                <div>
                                  <div class="speciallink" style="line-height:11px; font-size:10px;">Adults:</div>
                                  <select name="order|hotel|rooms|{$hotel}|adults_number" id="adultsno{$hotel}" class="form-select form-select-sm" style="width:70px;" onChange="SelectSubCat({$hotel});">
                                    <option value="1" selected>1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                  </select>
                                </div>

                                <div>
                                  <a onMouseover="ddrivetip('Children Under 12 years of age (at the time of trip) should be listed here.')" onMouseout="hideddrivetip()" class="speciallink" style="white-space:nowrap; font-size:10px;">Kids (0-12):</a>
                                  <select name="order|hotel|rooms|{$hotel}|kids_number" id="childrensno{$hotel}" class="form-select form-select-sm kids" style="width:70px; margin-top:4px;">
                                    <option selected>0</option>
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                  </select>

                                  {section name=kids start=1 loop=5 step=1}
                                  {assign var="kids" value=$smarty.section.kids.index}
                                  <div id="childrensno{$hotel}-{$kids}" style="display: none; font-size:10px; margin-top:4px;">
                                    age:
                                    <select id="age-childrensno{$hotel}-{$kids}" name="order|hotel|rooms|{$hotel}|kids_ages|{$kids}" class="kids_ages form-select form-select-sm" style="width:90px; display:inline-block;">
                                      <option>select...</option>
                                      {section name=ages start=0 loop=12 step=1}
                                      {assign var="ages" value=$smarty.section.ages.index}
                                      <option>{$ages}</option>
                                      {/section}
                                    </select>
                                  </div>
                                  {/section}
                                </div>

                                <div>
                                  <div class="speciallink" style="line-height:11px; font-size:10px;">Room Type:</div>
                                  <select name="order|hotel|rooms|{$hotel}|room_type" id="roomoptions{$hotel}" class="form-select form-select-sm" style="width:120px; margin-top:4px;">
                                    <option value="Single" selected>Single</option>
                                    <option value="Suite">Suite</option>
                                  </select>
                                </div>
                              </div>

                              <div class="mt-2">
                                <div class="d-flex gap-3 align-items-center" style="font-size:10px;">
                                  <div>City</div>
                                  <div>Check-in</div>
                                  <div>Check-out</div>
                                </div>

                                <div class="d-flex gap-2 align-items-center mt-1" style="overflow:hidden;">
                                  <input type="text" name="order|hotel|rooms|{$hotel}|city" id="HotelMCity{$hotel}" value="{$data.city.city_name}" class="textbox1" style="width:110px; margin-right:4px; font-size:11px;">

                                  <div id="checkin">
                                    <input readonly="readonly" class="cal-date textbox1" hidefocus="true" value="" type="text" id="MHotelCheckIn{$hotel}" name="order|hotel|rooms|{$hotel}|check_in" style="width:67px; height:24px; padding-left:4px; font-size:11px;">
                                  </div>

                                  <div id="checkout">
                                    <input readonly="readonly" class="cal-date textbox1" hidefocus="true" value="" type="text" id="MHotelCheckOut{$hotel}" name="order|hotel|rooms|{$hotel}|check_out" style="width:67px; height:24px; padding-left:4px; font-size:11px;">
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        {/section}
                      </div>
                    </div>
                  </div>

                  <div class="section-divider mt-3"></div>
                </div>
                <!-- /HOTELS AREA -->

                <input type="hidden" name="order|air|passengers_number" id="passangersno" value="0">
              </div>
            </div>
          </div>

          <!-- Right column: add-ons -->
          <div class="col-12 col-lg-5">
            <div class="card mb-3">
              <div class="card-body">
                <div class="Titleheader text-center">Add-Ons</div>

                <div class="boxinfotab2 mt-3">
                  <div class="d-flex align-items-start mb-2">
                    <div style="width:20px;">
                      <input type="checkbox" name="order|addons|addon|ground_transportation" id="groundop" value="yes" class="addon_cb">
                    </div>
                    <div class="flex-grow-1">
                      <div class="hotelcats2B" style="font-size:13px;">Transfers -</div>
                      <div class="hotelcats2BSm" style="color:#777; font-size:9px;">save time/money & stay safe with our private transfers</div>
                    </div>
                  </div>

                  <div id="groundoprow1" style="display: none;" class="mb-2 ps-3">
                    <div><strong><font color="#6F1432">&#8250;&#8250;&#8250;</font></strong></div>
                    <div class="mt-1">
                      <input type="checkbox" name="order|addons|detail|ground_transportation|air_hotel" id="airhotelopt" value="yes"> Private Local Airport-Hotel Transfer
                      <select name="order|addons|detail|ground_transportation|air_hotel_direction" id="airhoteltrans" class="form-select form-select-sm" style="width:120px; display:inline-block; margin-left:8px;">
                        <option selected>One-Way</option>
                        <option>Roundtrip</option>
                      </select>
                    </div>
                  </div>

                  <div id="groundoprow2" style="display: none;" class="mb-2 ps-3">
                    <div><strong><font color="#6F1432">&#8250;&#8250;&#8250;</font></strong></div>
                    <div class="mt-1">
                      <input type="checkbox" name="order|addons|detail|ground_transportation|hotel_stadium" id="hotelstadopt" value="yes"> Private Local Hotel-Stadium Transfer
                      <select name="order|addons|detail|ground_transportation|hotel_stadium_direction" id="hotelstadiumtrans" class="form-select form-select-sm" style="width:120px; display:inline-block; margin-left:8px;">
                        <option selected>One-Way</option>
                        <option>Roundtrip</option>
                      </select>
                    </div>
                  </div>

                  <div class="d-flex align-items-start mb-2">
                    <div style="width:20px;">
                      <input type="checkbox" name="order|addons|addon|city_tour" id="citytour" value="yes" class="addon_cb">
                    </div>
                    <div class="flex-grow-1">
                      <div class="hotelcats2B" style="font-size:13px;">Tours -</div>
                      <div class="hotelcats2BSm" style="color:#777; font-size:10px;">explore cities & stadiums with fun privately guided tours</div>
                    </div>
                  </div>

                  <div id="cityinfo" style="display: none;" class="mb-2 ps-3">
                    <div>
                      <select name="order|addons|detail|city_tour|length" id="citydaylenght" class="form-select form-select-sm" style="width:120px; display:inline-block;">
                        <option selected>&#189; Day</option>
                        <option>Full Day</option>
                      </select>
                      <span style="margin-left:8px;">Length</span>

                      <select name="order|addons|detail|city_tour|language" id="citylangop" class="form-select form-select-sm" style="width:140px; display:inline-block; margin-left:16px;">
                        <option selected>English</option>
                        {foreach from=$languages item=language}
                          <option>{$language.lang_name}</option>
                        {/foreach}
                      </select>
                      <span style="margin-left:6px;">Language</span>
                    </div>
                  </div>

                  <div id="cityinfo2" style="display: none;" class="mb-2 ps-3">
                    <div class="form-check form-check-inline">
                      <input type="radio" name="order|addons|detail|city_tour|places" id="tourcity" value="Private City Tour" checked>
                      <label class="form-check-label ms-1" for="tourcity">Private City Tour</label>
                    </div>
                    <div class="form-check form-check-inline">
                      <input type="radio" name="order|addons|detail|city_tour|places" style="margin-left:10px;" id="tourcitystadium" value="Private City + Stadium Tour">
                      <label class="form-check-label ms-1" for="tourcitystadium">Private City + Stadium Tour</label>
                    </div>
                  </div>
                </div> <!-- /boxinfotab2 -->
              </div>
            </div>
          </div> <!-- /Right column -->
        </div> <!-- /row g-3 -->

        <!-- submit area -->
        <div class="row justify-content-center mt-3">
          <div class="col-12 col-xl-9 text-center">
            <div style="margin-top:10px; margin-right:14px;">
              <script type="text/javascript">
                document.write("<INPUT NAME=\"Submit\" TYPE=\"image\" VALUE=\"Submit now\" SRC=\"/images/continue_button.gif\" alt=\"Continue\" title=\"Continue\" width=\"88\" height=\"20\" >");
              </script>
              <noscript><font color="#FF0000"><font size="+1">An error has occurred!</font><br>This web browser either does not support JavaScript, or scripts are being blocked.<br>
                To find out whether your browser supports JavaScript, or to allow scripts, see the browser's online help.</font></noscript>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>

  <div class="row justify-content-center mt-3">
    <div class="col-12 col-xl-9"><div style="height:16px;"></div></div>
  </div>
</div>

{include file="main_new_footer.tpl"}