CINXE.COM
<!DOCTYPE html> <html lang="en" class="notranslate" translate="no"> <head> <meta charset="utf-8"> <meta name="google" content="notranslate" /> <meta name="viewport" content="width=device-width, maximum-scale=1.0 , shrink-to-fit=no"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title> </title> <link rel="apple-touch-icon" sizes="57x57" href="./img/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="./img/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="./img/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="./img/favicons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="./img/favicons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="./img/favicons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="./img/favicons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="./img/favicons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="./img/favicons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="./img/favicons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="./img/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="./img/favicons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="./img/favicons/favicon-16x16.png"> <link rel="manifest" href="./img/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="./img/favicons/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous"/> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/jszip-2.5.0/dt-1.10.20/b-1.6.1/b-html5-1.6.1/fh-3.1.6/r-2.2.3/sc-2.0.1/datatables.min.css"/> <link href="css/bootstrap.min.css" media="all" rel="stylesheet"> <link href="css/mdb-eaf75878a6.css" media="all" rel="stylesheet"> <link href="css/select2-materialize-2ce61584a8.css" media="all" rel="stylesheet"> <link href="css/tempusdominus-bootstrap-4.min.css" media="all" rel="stylesheet"> <link href="css/style-0eea2131e7.css" media="all" rel="stylesheet"> </head> <body class="mdb-skin bg-skin-lp"><header> <nav class="mb-1 navbar navbar-expand-lg navbar-light header-bg-color py-0 px-0 fixed-top "> <div id="topheader" class="fixed-top d-flex"> <div class="col-12 col-sm-2 d-flex flex-row align-items-center border-right social_top_border" style="z-index: 99999;"> <ul class="nav navbar-nav nav-flex-icons"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLinkTop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="mx-2 headertxt " lex="tr_select"></span><img id ="langCodeflag" src="./img/EN.png"> </a> <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLinkTop"> <a id="EN_top" class="nav-link dropdown-item pl-4" style="display:block" href="index.php?lang=en"><img src="./img/EN.png"><span class="label small pl-3">English </span><i id="langtick-top-EN" class="fas fa-check pl-2 langtick" style="display:none"></i></a> <a id="EL_top" class="nav-link dropdown-item pl-4" style="display:block" href="index.php?lang=el"><img src="./img/EL.png"><span class="label small pl-3">螘位位畏谓喂魏维</span><i id="langtick-top-EL" class="fas fa-check pl-2 langtick" style="display:none"></i></a> </div> </li> </ul> </div> <div class="headertxt col-12 col-sm-6 d-flex flex-row align-items-center"> <span lex="tr_checkin_header_top"></span> </div> <div class="col-12 col-sm-4 pt-1 "> <ul class="list-unstyled list-inline text-center d-none" id = "showheadersocial"> <li class="list-inline-item d-none border-right social_top_border" id = "tr_facebook_li1"> <a class="divabovelogo text-right " role="button" href="#" id = "tr_facebook_url1"><h5><i class="fab fa-facebook-f mr-1"></i></h5></a> </li> <li class="list-inline-item d-none border-right social_top_border" id = "tr_instagram_li1"> <a class="divabovelogo text-right " role="button" href="#" id = "tr_instagram_url1"><h5><i class="fab fa-instagram mr-1"></i></h5></a> </li> <li class="list-inline-item d-none border-right social_top_border" id = "tr_youtube_li1"> <a class="divabovelogo text-right " role="button" href="#" id = "tr_youtube_url1"><h5><i class="fab fa-youtube mr-1"></i></h5></a> </li> <li class="list-inline-item d-none border-right social_top_border" id = "tr_linkedin_li1" > <a class="divabovelogo text-right " role="button" href="#" id = "tr_linkedin_url1"><h5><i class="fab fa-linkedin-in mr-1"></i></h5></a> </li> <li class="list-inline-item d-none border-right social_top_border" id = "tr_tripadvisor_li1"> <a class="divabovelogo text-right " role="button" href="#" id = "tr_tripadvisor_url1"><h5><i class="fab fa-tripadvisor mr-1"></i></h5></a> </li> <li class="list-inline-item d-none border-right social_top_border" id = "tr_twitter_li1"> <a class="divabovelogo text-right " role="button" href="#" id = "tr_twitter_url1"><h5><i class="fab fa-twitter mr-1"></i></h5></a> </li> </ul> </div> </div> <div id="lynav3" class="h-100 w-100" > <nav class="mb-0 navbar navbar-expand-lg navbar-light header-bg-color"> <a class="navbar-brand center-logo breadcrumb-dn ml-4 " href="#" id="headerlogo"> <img src="./img/logo.png" class="img-fluid" alt="logo" width="80%" height="auto"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent-333" aria-controls="navbarSupportedContent-333" aria-expanded="false" aria-label="Toggle navigation"> <span class="lang-color fa fa-bars fa-2x mr-2"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent-333"> <h6 class="font-weight-bold"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link d-none" id = "chk-mn1" href="#"><span lex="tr_checkin_menu1"></span></a> </li> <li class="nav-item"> <a class="nav-link d-none" id = "chk-mn2" href="#"><span lex="tr_checkin_menu2"></span></a> </li> <li class="nav-item"> <a class="nav-link d-none" id = "chk-mn3" href="#"><span lex="tr_checkin_menu3"></span></a> </li> <li class="nav-item"> <a class="nav-link d-none" id = "chk-mn4" href="#"><span lex="tr_checkin_menu4"></span></a> </li> </ul> </h6> <ul class="navbar-nav ml-auto nav-flex-icons"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink-333" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fas fa-globe mx-2"></i><span id="langCode" class="h4-responsive lang-color"></span> </a> <div class="dropdown-menu dropdown-menu-right" id = "droplang" aria-labelledby="navbarDropdownMenuLink-333"> <a id="EN" class="nav-link dropdown-item pl-4" style="display:block" href="index.php?lang=en"><img src="./img/EN.png"><span class="label small pl-3">English </span><i id="langtick-EN" class="fas fa-check pl-2 langtick" style="display:none"></i></a> <a id="EL" class="nav-link dropdown-item pl-4" style="display:block" href="index.php?lang=el"><img src="./img/EL.png"><span class="label small pl-3">螘位位畏谓喂魏维</span><i id="langtick-EL" class="fas fa-check pl-2 langtick" style="display:none"></i></a> </div> </li> </ul> </div> </nav> <div id="divbelowlogo" class="divbelowlogo"> </div> </div> </nav> </header> <div id="mdb-preloader" class="flex-center"> <img src="./img/loader.gif" height="140" width="140"> </div> <div class="container-fluid"> <main class = "main paddingTop" id = "top-section"> <h2 class="maintextclr text-center"><span lex="tr_checkin_greetings"></span></h2> <p class="lead text-center"><span id="tr_checkin_error"></span></p> <h3><p class="lead maintextclr text-center"><span id="tr_checkin_front_1" lex="tr_checkin_front_1"></span></p></h3> <section id="headerPanel" class="px-lg-5 mx-lg-5 maintextclr text-center"> <div class="row d-flex justify-content-center"> <div class="col-lg-12 d-none " id="showiconsteps"> <div class="row "> <div id="step1" class="col-4 mb-2 blue-text iam-pointer"> <i class="fas fa-search fa-3x"></i> <p lex="tr_search"></p> </div> <div id="step2" class="col-4 mb-2 maintextclr "> <i class="fas fa-check fa-3x"></i> <p lex="tr_checkin"></p> </div> <div id="step3" class="col-4 mb-2 maintextclr "> <i class="fas fa-ticket-alt fa-3x"></i> <p lex="tr_issue"></p> </div> </div> </div> </div> <div class="container-fluid mt-4 " id="divsearchSCR"> <form class="md-form" id="searchSCR"> <div class="row mx-3"> <div class="col-12"> <div class="h5-responsive text-center pb-3 steps" lex="tr_checkin_step1"></div> <div class="md-form input-group input-group-lg"> <input validrule="nospc" type="text" id="Myreserv" maxlength="30" class="chkwhiletype copydata firsttrip text-uppercase form-control cardvalidation needvalidation" value=""> <label class="mt-3 label-title" for="Myreserv"> <span lex="tr_resernumber"></span></label> </div> </div> </div> <div class="row mx-3 pt-3"> <div class="col-12 h5-responsive text-center pb-3 steps" lex="tr_checkin_step2"></div> <div class="col-12 col-md-5"> <div class="md-form input-group input-group-lg"> <input validrule="" type="text" id="Myphone" maxlength="30" class="chkwhiletype copydata firsttrip text-uppercase form-control cardvalidation needvalidation"> <label class="mt-3 label-title" for="Myphone"><span lex="tr_phone"></span></label> </div> </div> <div class="mt-4 display-4 col-12 col-md-2"><span lex="tr_checkin_or"></div> <div class="col-12 col-md-5"> <div class="md-form input-group input-group-lg"> <input validrule="" type="text" id="Myname" maxlength="30" class="chkwhiletype copydata firsttrip text-uppercase form-control cardvalidation needvalidation" value=""> <label class="mt-3 label-title" for="Myname"><span lex="tr_last_name"></span></label> </div> </div> </div> <div class="text-center"> <button class="btn btn-block z-depth-0 my-3 waves-effect btn-active rounded shadow" id="lybtnLogin" type="submit"><span lex="tr_next"></span></button> </div> </form> </div> </section> </div> </main> </div> <div id="modalDatePicker"></div> <div id="modalMSG"></div> <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="js/bootstrap-b8ff263ddf.min.js"></script> <script type="text/javascript" src="js/mdb-b41998c466.min.js"></script> <script defer type="text/javascript" src="js/underscore-1.9-d3fa759e50.1.min.js"></script> <script defer type="text/javascript" src="js/select2-2cea3e2c95.min.js"></script> <script defer type="text/javascript" src="js/moment-with-locales-673a5dc9d8.min.js"></script> <script defer type="text/javascript" src="js/tempusdominus-bootstrap-4-a5f6770868.min.js"></script> <script defer type="text/javascript" src="js/qrcode-4b74039315.js"></script> <script type="text/javascript" src="js/app-98470cb853.js"></script> <script type="text/javascript"> /* $(window).on("load", function () { $('#mdb-preloader5').fadeOut('slow'); }); */ var myVariable1 = "webchk85909765"; $(document).ready(function () { app.init(myVariable1); }); </script> <script type="text/template" id="tpl-voucher"> <div class="col-12 bg-light maintextclr" id = "VoucherHeader"> <section class="py-1"> <div class="col-12 h5-responsive text-center steps"><span id = "msgheader"> </span></div> <div class="col-12 h5-responsive text-center maintextclr "><span id = "msgsubline"> </span></div> <div class="col-12 h5-responsive text-center steps pb-3"><span id = "msgsubline2"> </span></div> </section> </div> <div id="FullTicketList"> <% var j = 0; %> <% _.each( trips, function(legs, regex, key) { j++; %> <div class="divTrip"> <div class="col-12 bg-light maintextclr" > <% var i = 0; %> <div class="card-body px-lg-2 rounded shadow "> <section class="lang-color" > <% if (legs.legs > 1 ) { %> <span class="h5-responsive my-1 smallfonts" style="border-bottom: 1px dotted grey;"><%=legs.hdeparturePortFullName%> <i class="fas fa-long-arrow-alt-right"></i> <%=legs.hdestinationPortFullName%> <%= text.tr_via %> <%=legs.hconnectionPortFullName%> (<%=legs.legno + 1%>/<%=legs.legs%>) </span> <% } %> <div class="row"> <div class="col-12 col-lg-4 title-bg-color valign font-weight-light custom-control custom-radio centeritems rounded shadow"> <input type="checkbox" class="form-check-input tripwholechk rounded" id="Mtrip_<%=j%>_<%=legs.helplegid%>" name="Mtrip_<%=j%>_<%=legs.helplegid%>"> <label class="custom-control-label" for="Mtrip_<%=j%>_<%=legs.helplegid%>"> <h5 class="iam-pointer text-wrap vesselnamesize"> <span class="ml-auto"><i class="d-none d-sm-inline mb-3 align-middle fas fa-ship ml-3"></i></span> <span class="ml-3 mr-auto h4-responsive"><%=legs.vesselName%></span> </h5> </label> </div> <div class="col-12 col-lg-8 mb-2 mb-lg-0 text-left rounded-right tripInfoBoxRight"> <div class="row h-100"> <div class="col-12 col-md col-lg"> <div class="align-items-center justify-content-center h-100 row text-center py-3"> <div class="ml-1 text-left text-lg-right"> <div class="d-inline-block vertical-middle"> <div class="small order-1"> <span class="smallfonts"><%= moment(legs.departureDate).locale(legs.locale).format('ddd ll')%></span> </div> <div class="small order-2"> <span class="h5-responsive my-1 smallfonts"><%=legs.departurePortFullName%></span> </div> <div class="order-3"> <p class="my-1 font-weight-bold smallfonts"><%=legs.departureTime%></p> </div> </div> <div class="d-none d-xl-inline-block confirmationBadge"> <span class="thebadge date-header badge-port"><%= legs.departurePort %></span> </div> </div> <div class="col-auto "> <span class="small mb-2 tripDurationContainer" style="border-bottom: 1px dotted grey;"><i class="d-none d-sm-inline far fa-clock fa-sm mr-1"></i><%=legs.duration%></span> </div> <div class="mr-1 text-right text-lg-left"> <div class="d-none d-xl-inline-block confirmationBadge"> <span class="thebadge date-header badge-port"><%= legs.destinationPort %></span> </div> <div class="d-inline-block vertical-middle"> <div class="small order-1"> <span class="smallfonts"><%= moment(legs.destinationDate).locale(legs.locale).format('ddd ll')%></span> </div> <div class="small order-2"> <span class="h5-responsive my-1 smallfonts"><%=legs.destinationPortFullName%></span> </div> <div class="order-3"> <p class="my-1 font-weight-bold smallfonts"><%=legs.destinationTime%></p> </div> </div> </div> </div> </div> <% if (legs.totalPas > 0 ) { %> <div class="col-6 col-md-auto col-lg-auto borderDottedLeftFull mb-3 mb-md-0 noBgIMG-md extrasCol extrasPass valign align-items-center justify-content-center"> <div class="positionMiddle vertical-middle"> <span class="mr-auto h4-responsive"> <span class="mx-1 font-weight-bold smallfonts"><%=legs.totalPas%></span> <span class="mr-2"><i class="fas fa-male"></i></span> </span> </div> </div> <% } %> <% if (legs.totalAni > 0 ) { %> <div class="col-6 col-md-auto col-lg-auto borderDottedLeftFull mb-3 mb-md-0 extrasCol extrasAnimal valign align-items-center justify-content-center"> <div class="positionMiddle vertical-middle"> <span class="h4-responsive"> <span class="mx-1 font-weight-bold smallfonts"><%=legs.totalAni%></span> <span class="mr-1"><i class="fas fa-paw"></i></span> </span> </div> </div> <% } %> <% if (legs.totalVeh > 0 ) { %> <div class="col-6 col-md-auto col-lg-auto borderDottedLeftFull mb-3 mb-md-0 extrasCol extrasVehicle valign align-items-center justify-content-center"> <div class="positionMiddle vertical-middle"> <span class="h4-responsive"> <span class="mx-1 font-weight-bold smallfonts"><%=legs.totalVeh%></span> <span class="mr-1"><i class="fas fa-car"></i></span> </span> </div> </div> <% } %> </div> </div> </div> </section> </div> </div> <div class="col-12 bg-light maintextclr" > <% _.each( legs.VPassengers_passenger, function(passenger, regex, key) { i++; %> <% if (i==1) { %> <button class="btn btn-block btn-sm z-depth-0 my-3 waves-effect btn-active rounded shadow"><span><%=text.tr_passenger_tl%></span></button> <% } %> <div class="row text-left <% if (passenger.allowCheckin =='N' || legs.legno > 0) { %> DsbRow <% } %> " id = "pasrow_<%=legs.tripid%>_P<%=passenger.id%>"> <div class="md-form col-12 col-sm-1 col-lg-1"> <div class="d-inline-block"> <input type="checkbox" class="form-check-input passgnchk rowcheck" id="trip_<%=j%>_-P<%=i%>_<%=legs.legno%>" name="trip_<%=j%>_-P<%=i%>_<%=legs.legno%>" <% if (passenger.allowCheckin =='N' || legs.legno > 0) { %> disabled readonly <% } %>> <label class="mb-5 ml-3" for="trip_<%=j%>_-P<%=i%>_<%=legs.legno%>"></label> </div> </div> <div class="md-form col-12 col-sm-3 col-lg-2"> <div class="input-field mt-3 "> <input type="text" class=" ggg" id="sname_-P<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<%= passenger.lastName %>" disabled> <label class = "mt-3 ml-3 font-weight-light active" for="sname_-P<%=i%>_trip_<%=j%>_<%=legs.legno%>"><%=text.tr_last_name%></label> </div> </div> <div class="md-form col-12 col-sm-3 col-lg-2"> <div class="input-field mt-3 "> <input type="text" class=" ggg" id="fname_-P<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<%= passenger.firstName %>" disabled> <label class = "mt-3 ml-3 font-weight-light active" for="fname_-P<%=i%>_trip_<%=j%>_<%=legs.legno%>"><%=text.tr_first_name%></label> </div> </div> <div class="md-form col-12 col-sm-3 col-lg-2"> <div class="row mt-3 input-field"> <div class="col-1"> <input type="text" class="ggg" id="ticketL_-P<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<%= passenger.ticketLetter %>" disabled> </div> <div class="col-3"> <input type="text" class="ggg" id="ticketN_-P<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<%= passenger.ticketNumber %>" disabled> </div> <label class = "mt-3 ml-3 font-weight-light active" for="ticketL_-P<%=i%>_trip_<%=j%>_<%=legs.legno%>"><%=text.tr_ticket%></label> </div> </div> <div class="md-form col-12 col-sm-4 col-lg-2 ml-sm-3"> <div class="input-field mt-3 "> <input type="text" validrule="numbr|phone" class="myphone chkwhiletype needvalidation" id="phone_-P<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<% if (passenger.mobile == null) { %><% } else { %><%= passenger.mobile %><% } %>" <% if (passenger.allowCheckin =='N' || legs.legno > 0) { %> disabled readonly <% } %> autocomplete="nope"> <label class = "mt-3 ml-3 font-weight-light active" for="phone_-P<%=i%>_trip_<%=j%>_<%=legs.legno%>"><%=text.tr_phone%></label> </div> </div> <div class="md-form col-12 col-sm-4 col-lg-2 "> <div class="input-field mt-3 "> <input type="email" validrule="email" class="myemail needvalidation" id="email_-P<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<% if (passenger.email == null) { %><% } else { %><%= passenger.email %><% } %>" <% if (passenger.allowCheckin =='N' || legs.legno > 0) { %> disabled readonly <% } %> autocomplete="nope"> <label class = "mt-3 ml-3 font-weight-light active" for="email_-P<%=i%>_trip_<%=j%>_<%=legs.legno%>" ><%= text.tr_email %></label> </div> </div> </div> <% }); %> </div> <div class="col-12 bg-light maintextclr" > <% i=0; %> <% _.each( legs.VAnimals_animal, function(animal, regex, key) { i++; %> <% if (i==1) { %> <button class="btn btn-block btn-sm z-depth-0 my-3 waves-effect btn-active rounded shadow"><span><%=text.tr_animals_tl%></span></button> <% } %> <div class="row text-left <% if (animal.allowCheckin =='N' || legs.legno > 0) { %> DsbRow <% } %> " id = "anirow_<%=legs.tripid%>_A<%=animal.id%>"> <div class="md-form col-1 col-sm-1 col-lg-1"> <div class="d-inline-block"> <input type="checkbox" class="form-check-input animalschk rowcheck" id="trip_<%=j%>_-A<%=i%>_<%=legs.legno%>" name="trip_<%=j%>_-A<%=i%>_<%=legs.legno%>" <% if (animal.allowCheckin =='N' || legs.legno > 0) { %> disabled readonly <% } %>> <label class="mt-3 mb-5 ml-3" for="trip_<%=j%>_-A<%=i%>_<%=legs.legno%>"></label> </div> </div> <div class="md-form col-12 col-sm-3 col-lg-2"> <div class="input-field mt-3 "> <input type="text" class=" ggg" id="adescription_-A<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<%= animal.petDescription %>" disabled> <label class = "mt-3 ml-3 font-weight-light active" for="adescription_-A<%=i%>_trip_<%=j%>_<%=legs.legno%>"><%=text.tr_pet_cat%></label> </div> </div> <div class="md-form col-12 col-sm-3 col-lg-2"> <div class="input-field mt-3 "> <input type="text" class=" ggg" id="adocid_-A<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<%= animal.petDocument %> <%= animal.petIdentity %>" disabled> <label class = "mt-3 ml-3 font-weight-light active" for="adocid_-A<%=i%>_trip_<%=j%>_<%=legs.legno%>"><%=text.tr_pet_docid%></label> </div> </div> <div class="md-form col-12 col-sm-3 col-lg-2"> <div class="row mt-3 input-field"> <div class="col-1"> <input type="text" class="ggg" id="aticketL_-A<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<%= animal.ticketLetter %>" disabled> </div> <div class="col-3"> <input type="text" class="ggg" id="aticketN_-A<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<%= animal.ticketNumber %>" disabled> </div> <label class = "mt-3 ml-3 font-weight-light active" for="aticketL_-A<%=i%>_trip_<%=j%>_<%=legs.legno%>"><%=text.tr_ticket%></label> </div> </div> <div class="md-form col-12 col-sm-4 col-lg-2 ml-sm-3"> <div class="input-field mt-3 "> <input type="text" validrule="numbr|phone" class="myaphone chkwhiletype needvalidation" id="aphone_-A<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<% if (animal.mobile == null) { %><% } else { %><%= animal.mobile %><% } %>" <% if (animal.allowCheckin =='N' || legs.legno > 0) { %> disabled readonly <% } %> autocomplete="nope"> <label class = "mt-3 ml-3 font-weight-light active" for="aphone_-A<%=i%>_trip_<%=j%>_<%=legs.legno%>"><%=text.tr_phone%></label> </div> </div> <div class="md-form col-12 col-sm-4 col-lg-2"> <div class="input-field mt-3 "> <input type="email" validrule="email" class="myaemail needvalidation" id="aemail_-A<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<% if (animal.email == null) { %><% } else { %><%= animal.email %><% } %>" <% if (animal.allowCheckin =='N' || legs.legno > 0) { %> disabled readonly <% } %> autocomplete="nope"> <label class = "mt-3 ml-3 font-weight-light active" for="aemail_-A<%=i%>_trip_<%=j%>_<%=legs.legno%>" ><%= text.tr_email %></label> </div> </div> </div> <% }); %> </div> <div class="col-12 bg-light maintextclr" > <% i=0; %> <% _.each( legs.VVehicles_vehicle, function(vehicle, regex, key) { i++; %> <% if (i==1) { %> <button class="btn btn-block btn-sm z-depth-0 my-3 waves-effect btn-active rounded shadow"><span><%=text.tr_vehicles_tl%></span></button> <% } %> <div class="row text-left <% if (vehicle.allowCheckin =='N' || legs.legno > 0) { %> DsbRow <% } %> " id = "vehrow_<%=legs.tripid%>_V<%=vehicle.id%>"> <div class="md-form col-1 col-sm-1 col-lg-1"> <div class="d-inline-block"> <input type="checkbox" class="form-check-input vehicleschk rowcheck" id="trip_<%=j%>_-V<%=i%>_<%=legs.legno%>" name="trip_<%=j%>_-V<%=i%>_<%=legs.legno%>" <% if (vehicle.allowCheckin =='N' || legs.legno > 0) { %> disabled readonly <% } %>> <label class="mt-3 mb-5 ml-3" for="trip_<%=j%>_-V<%=i%>_<%=legs.legno%>"></label> </div> </div> <div class="md-form col-12 col-sm-3 col-lg-2"> <div class="input-field mt-3 "> <input type="text" class=" ggg" id="vplate_-<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<%= vehicle.registrationNumber %>" disabled> <label class = "mt-3 ml-3 font-weight-light active" for="vplate_-V<%=i%>_trip_<%=j%>_<%=legs.legno%>"><%=text.tr_plate%></label> </div> </div> <div class="md-form col-12 col-sm-3 col-lg-2"> <div class="input-field mt-3 "> </div> </div> <div class="md-form col-12 col-sm-3 col-lg-2"> <div class="row mt-3 input-field"> <div class="col-1"> <input type="text" class="ggg" id="vticketL_-V<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<%= vehicle.ticketLetter %>" disabled> </div> <div class="col-3"> <input type="text" class="ggg" id="vticketN_-V<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<%= vehicle.ticketNumber %>" disabled> </div> <label class = "mt-3 ml-3 font-weight-light active" for="vticketL_-V<%=i%>_trip_<%=j%>_<%=legs.legno%>"><%=text.tr_ticket%></label> </div> </div> <div class="md-form col-12 col-sm-4 col-lg-2 ml-sm-3"> <div class="input-field mt-3 "> <input type="text" validrule="numbr|phone" class="myvphone chkwhiletype needvalidation" id="vphone_-V<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<% if (vehicle.mobile == null) { %><% } else { %><%= vehicle.mobile %><% } %>" <% if (vehicle.allowCheckin =='N' || legs.legno > 0) { %> disabled readonly <% } %> autocomplete="nope"> <label class = "mt-3 ml-3 font-weight-light active" for="vphone_-V<%=i%>_trip_<%=j%>_<%=legs.legno%>"><%=text.tr_phone%></label> </div> </div> <div class="md-form col-12 col-sm-4 col-lg-2"> <div class="input-field mt-3 "> <input type="email" validrule="email" class="myvemail needvalidation" id="vemail_-V<%=i%>_trip_<%=j%>_<%=legs.legno%>" value = "<% if (vehicle.email == null) { %><% } else { %><%= vehicle.email %><% } %>" <% if (vehicle.allowCheckin =='N' || legs.legno > 0) { %> disabled readonly <% } %> autocomplete="nope"> <label class = "mt-3 ml-3 font-weight-light active" for="vemail_-V<%=i%>_trip_<%=j%>_<%=legs.legno%>" ><%= text.tr_email %></label> </div> </div> </div> <% }); %> </div> <hr class="my-2"> </div> <% }); %> </div> <div class="mt-3" id = "BottomSection"> <div class="form-check"> <input required validrule = 'check' type="checkbox" class="form-check-input needvalidation" id="checkbox"> <label class="form-check-label" for="checkbox"><%=text.tr_terms%></label> <a id = "termsUrl" style="vertical-align: -10%;" href="<%=text.tr_terms_url%>" target="_blank"> <i class="fas fa-2x fa-file-word ml-2"></i> </a> </div> <div class = "col-12 text-center"> <button class="btn btn-block z-depth-0 my-3 waves-effect btn-active rounded shadow" id = "FinilizeWebCheckin" type="submit"><span><%= text.tr_next %></span></button> </div> </div> </script> <script type="text/template" id="tpl-modalMSG"> <div class="modal fade" id="modaldspMSG" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop='false'> <div class="modal-dialog modal-notify modal-<%= type %>" role="document"> <div class="modal-content"> <div class="modal-header"> <p class="heading lead"><%= heading %></p> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="maintextclr">×</span> </button> </div> <div class="modal-body"> <div class="text-center"> <%= msg %> </div> </div> <div class="modal-footer justify-content-center"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> </script> <script type="text/template" id="tpl-modalDatePicker"> <div class="modal fade" id="modalDateNew" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-notify modal-primary" role="document"> <div class="modal-content"> <div class="modal-header d-flex justify-content-center date-header"> <p class="heading lead"><%= heading %></p> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="md-form"> <div class="col-auto"> <div class="row"> <div class="col-md-12"> <div id="datetimepicker-modal"></div> </div> </div> </div> </div> </div> <div class="modal-footer d-flex justify-content-center"> <button type="btn" class="btn btn-active rounded shadow" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">OK</span> </button> </div> </div> </div> </div> </script> <footer id = "thisisfooter" class="page-footer font-small stylish-color-dark footer-bg-color" style = "min-width: 345px;"> <div id="divabovefooter"> <div class="d-flex mb-3 ml-5"> <a class="border-right px-1" lex="tr_footer_link1_txt1" id="tr_footer_link1_txt1" url="#"></a> <a class="border-right px-1" lex="tr_footer_link2_txt1" id="tr_footer_link2_txt1" url="#"></a> <a class="border-right px-1" lex="tr_footer_link3_txt1" id="tr_footer_link3_txt1" url="#"></a> <a class="border-none px-1" lex="tr_footer_link4_txt1" id="tr_footer_link4_txt1" url="#"></a> </div> </div> <div class="container-fluid text-right text-md-left mx-4"> <div class = "row"> <div class = "col-12 col-sm-1"> <div class="footer-copyright text-center text-sm-left py-3 footer-bg-color"> <span><a href="#" class="ml-2" id = "tr_copyright_txt" ><span class="footer-bg-color" lex="tr_copyright_txt"></span></a></span> </div> </div> <div class = "col-12 col-sm-2"> <div class="footer-copyright text-center text-sm-right py-3 footer-bg-color"> <a href="#" id = "tr_privacy_txt" ><span class="footer-bg-color" lex="tr_privacy_txt"></span></a> </div> </div> <div class = "col-12 col-sm-2"> <div class="footer-copyright text-center text-sm-left py-3 footer-bg-color"> <a href="#" id = "tr_cookies_txt" ><span class="footer-bg-color" lex="tr_cookies_txt"></span></a> </div> </div> <div class = "col-12 col-sm-7"> <ul class="list-unstyled list-inline text-right pt-3" id = "showfootersocial"> <li class="list-inline-item" id = "tr_facebook_li"> <a class="footer-copyright py-3 px-3 footer-social-bg-color" role="button" href="#" id = "tr_facebook_url"><i style="vertical-align: middle" class="fab fa-2x fa-facebook-f"></i></a> </li> <li class="list-inline-item" id = "tr_instagram_li"> <a class="footer-copyright py-3 px-3 footer-social-bg-color" role="button" href="#" id = "tr_instagram_url"><i style="vertical-align: middle" class="fab fa-2x fa-instagram"></i></a> </li> <li class="list-inline-item" id = "tr_youtube_li"> <a class="footer-copyright py-3 px-3 footer-social-bg-color" role="button" href="#" id = "tr_youtube_url"><i style="vertical-align: middle" class="fab fa-2x fa-youtube"></i></a> </li> <li class="list-inline-item" id = "tr_linkedin_li" > <a class="footer-copyright py-3 px-3 footer-social-bg-color" role="button" href="#" id = "tr_linkedin_url"><i style="vertical-align: middle" class="fab fa-2x fa-linkedin-in"></i></a> </li> <li class="list-inline-item" id = "tr_tripadvisor_li" > <a class="footer-copyright py-3 px-3 footer-social-bg-color" role="button" href="#" id = "tr_tripadvisor_url"><i style="vertical-align: middle" class="fab fa-2x fa-tripadvisor"></i></a> </li> <li class="list-inline-item" id = "tr_twitter_li"> <a class="footer-copyright py-3 px-3 footer-social-bg-color" role="button" href="#" id = "tr_twitter_url"><i style="vertical-align: middle" class="fab fa-2x fa-twitter"></i></a> </li> </ul> </div> </div> </div> <hr class="w-header"> <div class="footer-copyright text-center py-3 footer-bg-color"> <span class="px-2 ">© 2024</span><span><a href="#" id = "tr_powered_txt" ><span class="footer-bg-color" lex="tr_powered_txt"><span></a> </div> </footer> <div class="fixed-action-btn smooth-scroll" id = "gotop" style="display: none; bottom: 25px; right: 24px;"> <a href="#" id = "gotopurl" class="btn-floating btn-large btn-primary btn-active rounded shadow"> <i class="fa fa-arrow-up"></i> </a> </div> </body> </html>