templates/sri_cab_booking/step_1.html.twig line 1

Open in your IDE?
  1. {% extends 'template.html.twig' %}
  3. {% block title %}Step 1 | SriCab{% endblock %}
  5. {% block body %}
  7.     <!-- Navigation Section -->
  8.     <nav id="mainnav" class="navbar navbar-default navbar-fixed navbar-scrollspy divinnav no-background white"
  9.          data-minus-value-desktop="70" data-minus-value-mobile="55" data-speed="1000">
  10.         <div class="container-fluid">
  11.             <div class="navbar-header page-scroll">
  12.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
  13.                     <i class="fa fa-bars"></i>
  14.                 </button>
  15.                 <a class="navbar-brand" href="#home"><img src="{{ asset("images/sricab/sricab-white.png") }}"
  16.                                                           class="logo logo-display img-responsive" alt=""></a>
  17.                 <a class="navbar-brand" href="#home"><img src="{{ asset("images/sricab/sricab-white.png") }}"
  18.                                                           class="logo logo-scrolled img-responsive" alt=""></a>
  19.             </div>
  20.             <div class="collapse navbar-collapse navbar-ex1-collapse" id="navbar-menu">
  21.                 <ul class="nav navbar-nav navbar-right">
  22.                     <li class="active scroll"><a href="#home">Home</a></li>
  23.                     <li class="scroll"><a href="#service">Services</a></li>
  24.                     <li class="scroll"><a href="#about">About Us</a></li>
  25.                     <li class="scroll"><a href="#portfolio">Popular Tour</a></li>
  26.                     <li class="scroll"><a href="#testimonial">Testimonials</a></li>
  27.                     <li class="scroll"><a href="#package">Package</a></li>
  28.                     <li class="scroll"><a href="#news">Blog</a></li>
  29.                     <li class="scroll"><a href="#contact">Contact</a></li>
  30.                 </ul>
  31.             </div>
  32.         </div>
  33.     </nav>
  35.     <section class="booking" id="booking-step-1">
  36.         <div class="container">
  37.             <div class="row text-center" style="margin-top: 10%">
  38.                 <div class="col"><h2>Booking {{ ref }} - Step 1</h2></div>
  39.             </div>
  40.             <div class="row">
  41.                 <div class="col-lg-12 col-md-8 col-md-offset-2 col-lg-offset-0 ">
  42.                     {{ form_start(form) }}
  43.                     {{ form_errors(form) }}
  45.                     <div class="row">
  46.                         <div class="col-lg-12 col-md-8 col-md-offset-2 col-lg-offset-0 ">
  47.                             <div class="input-group">
  48.                                 <span class="input-group-addon" id="lb-booking-name">Name</span>
  49.                                 {{ form_widget(form.nom, {attr:{'class': 'form-control', 'aria-describedby':'booking-name'}}) }}
  50.                             </div>
  51.                         </div>
  52.                     </div>
  53.                     <div class="row" style="margin-top: 1em">
  54.                         <div class="col-lg-12 col-md-8 col-md-offset-2 col-lg-offset-0 ">
  55.                             <div class="input-group">
  56.                                 <span class="input-group-addon" id="lb-booking-mail">E-mail</span>
  57.                                 {{ form_widget(form.mail, {attr:{'class': 'form-control', 'aria-describedby':'booking-name'}}) }}
  58.                             </div>
  59.                         </div>
  60.                     </div>
  61.                     <div class="row" style="margin-top: 1em">
  62.                         <div class="col-lg-12 col-md-8 col-md-offset-2 col-lg-offset-0 ">
  63.                             <div class="input-group">
  64.                                 <span class="input-group-addon" id="lb-booking-phone">Phone Number</span>
  65.                                 {{ form_widget(form.phone, {attr:{'class': 'form-control', 'aria-describedby':'booking-name'}}) }}
  66.                             </div>
  67.                         </div>
  68.                     </div>
  69.                     <div class="row" style="margin-top: 1em">
  70.                         <div class="col-lg-12 col-md-8 col-md-offset-2 col-lg-offset-0 ">
  71.                             <div class="input-group">
  72.                                 <span class="input-group-addon" id="lb-booking-nb-of-seats">Number of Seats</span>
  73.                                 {{ form_widget(form.nbOfSeats, {attr:{'class': 'form-control', 'aria-describedby':'booking-name', 'min':1, 'max':100}}) }}
  74.                             </div>
  75.                         </div>
  76.                     </div>
  77.                     <div class="row" style="margin-top: 1em">
  78.                         <div class="col-lg-12 col-md-8 col-md-offset-2 col-lg-offset-0 ">
  79.                     <button style="margin-top: 2em" type="submit"  pattern="[0-9]*" class="btn btn-success  btn-lg btn-block"> Confirm</button>
  80.                         </div>
  81.                     </div>
  83.                     {{ form_rest(form) }}
  84.                     {{ form_end(form) }}
  86.                 </div>
  87.             </div>
  88.         </div>
  89.     </section>
  94. {% endblock %}