@@include('./parts/head.html', { "plugin_fa_icons": true, "plugin_mdi_icons": true, "plugin_ion_icons": true, "plugin_wi_icons": true, "plugin_rickshaw": false, "plugin_nvd3": false, "plugin_flot": false, "plugin_sparkline": false, "plugin_markitup": false, "plugin_ckeditor": false, "plugin_select2": false, "plugin_dropzone": false, "plugin_tagsinput": false, "plugin_clockpicker": false, "plugin_pikaday": false, "plugin_spectrum": false, "plugin_inputmask": false, "plugin_parsley": false, "plugin_gmaps": false, "plugin_jvectormap": false, "plugin_datatables": false, "plugin_fullcalendar": false, "plugin_simpleweather": false, "plugin_prettify": true }) @@include('./parts/top-navbar.html') @@include('./parts/sidebar.html', { "page": "forms-checkout", "classes": "yay-shrink yay-hide-to-small yay-gestures" })
@@include('./parts/title.html', { "title": "Checkout", "crumbs": "
  • Dashboard
  • Forms
  • Checkout
    • " }) 

    <form action="#!">
  
  <div class="row">
    <div class="col m6 s12">
      <div class="input-field">
        <i class="fa fa-user prefix"></i>
        <input id="input_fname" type="text" name="first_name">
        <label for="input_fname">First Name</label>
      </div>
    </div>
    <div class="col m6 s12">
      <div class="input-field">
        <i class="fa fa-user prefix"></i>
        <input id="input_lname" type="email" name="last_name">
        <label for="input_lname">Last Name</label>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col m6 s12">
      <div class="input-field">
        <i class="fa fa-envelope prefix"></i>
        <input id="input_email" type="email" name="email">
        <label for="input_email">Email</label>
      </div>
    </div>
    <div class="col m6 s12">
      <div class="input-field">
        <i class="fa fa-phone prefix"></i>
        <input id="input_phone" type="tel" name="phone">
        <label for="input_phone">Phone</label>
      </div>
    </div>
  </div>

  <hr>

  <div class="row">
    <div class="col m5 s12">
      <label>Country</label>
      <select class="browser-default" name="country">
        <option value="0" selected disabled>Country</option>
        <option value="244">Aaland Islands</option>
        <option value="1">Afghanistan</option>
        <option value="2">Albania</option>
        ...
      </select>
    </div>
    <div class="col m4 s12">
      <div class="input-field">
        <input id="input_city" type="text" name="city">
        <label for="input_city">City</label>
      </div>
    </div>
    <div class="col m3 s12">
      <div class="input-field">
        <input id="input_postcode" type="text" name="post_code">
        <label for="input_postcode">Post code</label>
      </div>
    </div>
  </div>

  <div class="input-field">
    <input id="input_address" type="text" name="address">
    <label for="input_address">Address</label>
  </div>

  <div class="input-field">
    <textarea id="textarea_additional" class="materialize-textarea" name="additional"></textarea>
    <label for="textarea_additional">Additional info</label>
  </div>

  <hr>

  <p>
    <input name="pay-type" type="radio" id="visa" checked />
    <label for="visa">Visa</label>

    <input name="pay-type" type="radio" id="mastercard" />
    <label for="mastercard">MasterCard</label>

    <input name="pay-type" type="radio" id="paypal" />
    <label for="paypal">PayPal</label>
  </p>

  <div class="input-field">
    <input id="input_card_name" type="text" name="card-name">
    <label for="input_card_name">Name on card</label>
  </div>

  <div class="row">
    <div class="col m10 s12">
      <div class="input-field">
        <input id="input_card_number" type="text" name="card-number">
        <label for="input_card_number">Card number</label>
      </div>
    </div>
    <div class="col m2 s12">
      <div class="input-field">
        <input id="input_card_cvv" type="text" name="card-cvv">
        <label for="input_card_cvv">CVV2</label>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col m5 s12">
      <label>Month</label>
      <select name="card-month" class="browser-default">
        <option value="0" selected disabled>Month</option>
        <option value="1">January</option>
        <option value="2">February</option>
        ...
      </select>
    </div>
    <div class="col m3 s12">
      <div class="input-field">
        <input id="input_card_year" type="text" name="card-year">
        <label for="input_card_year">Year</label>
      </div>
    </div>
  </div>
  
  <div class="row">
    <div class="col">
      <button class="waves-effect btn">Continue</button>
    </div>
  </div>

</form>
    @@include('./parts/search-bar.html') @@include('./parts/chat.html') @@include('./parts/foot.html', { "copyright": true })