camaleon_ecommerce 0.0.4 → 1.1

data/app/views/plugins/ecommerce/front/orders/show.html.erb

@@ -1,76 +1,130 @@
-<%= render layout: 'plugins/ecommerce/layouts/ecommerce', locals: {} do %>
-<div class="row">
-  <div class="col-md-4">
-        <h4>Order: <%= @order.slug %></h4>
-      <h4>Customer Info</h4>
-      <ul class="ec-list-orders-address">
-        <li><strong>Name:</strong> <span> <%= @order.details.customer %></span></li>
-        <li><strong>Email:</strong> <span> <%= @order.details.email %></span></li>
-        <li><strong>Phone:</strong> <span> <%= @order.details.phone %></span></li>
-      </ul>
+<% order ||= @order %>
+<div class="order_details">
+  <% unless defined?(as_partial) %>
+    <h1><%= t('.title', default: 'Order Details') %>: <%= order.slug %></h1>
+  <% end %>
+  <div class="row">
+        <div class="col-md-6">
+            <h4><%= t('.customer_info', default: 'Customer Info') %></h4>
+            <ul class="ec-list-orders-address">
+              <li><strong><%= t('.name', default: 'Name') %>:</strong> <span> <%= order.user.fullname %></span></li>
+              <li><strong><%= t('.email', default: 'Email') %>:</strong> <span> <%= order.user.email %></span></li>
+              <li><strong><%= t('.phone', default: 'Phone') %>:</strong> <span> <%= order.user.get_option('phone') %></span></li>
+            </ul>
 
-      <h4>billing address</h4>
-      <% detail = @order.get_meta("billing_address") %>
-      <ul class="ec-list-orders-address">
-        <li><strong>Name:</strong> <span><%= detail[:first_name] %> <%= detail[:last_name] %></span></li>
-        <li><strong>Address:</strong> <span><%= detail[:address1] %> <br/> <%= detail[:address2] %> <br/> <%= detail[:city] %> <br/>  <%= detail[:state] %> <br/>  <%= detail[:zip] %> <br/> <%= detail[:country] %></span></li>
-      </ul>
-
-      <h4>shipping address</h4>
-      <% detail = @order.get_meta("shipping_address") %>
-      <ul class="ec-list-orders-address">
-        <li><strong>Name:</strong> <span><%= detail[:first_name] %> <%= detail[:last_name] %></span></li>
-        <li><strong>Address:</strong> <span><%= detail[:address1] %> <br/> <%= detail[:address2] %> <br/> <%= detail[:city] %> <br/>  <%= detail[:state] %> <br/>  <%= detail[:zip] %> <br/> <%= detail[:country] %></span></li>
-      </ul>
+            <h4><%= t('.billing_address', default: 'Billing Address') %></h4>
+            <% detail = order.get_meta("billing_address", {}) %>
+            <ul class="ec-list-orders-address">
+                <li><strong><%= t('.address', default: 'Address1') %>:</strong> <%= detail[:address1] %></li>
+                <li><strong><%= t('.address', default: 'Address') %>2:</strong> <%= detail[:address2] %></li>
+                <li><strong><%= t('.city', default: 'City') %>:</strong> <%= detail[:city] %></li>
+                <li><strong><%= t('.state', default: 'State') %>:</strong> <%= detail[:state] %></li>
+                <li><strong><%= t('.zip_code', default: 'Zip code') %>:</strong> <%= detail[:zip] %></li>
+                <li><strong><%= t('.country', default: 'Country') %>:</strong> <%= detail[:country] %></li>
+            </ul>
+        </div>
+        <div class="col-md-6">
+          <h4><%= t('.shipping_address', default: 'Shipping Address') %></h4>
+          <% detail = order.get_meta("shipping_address", {}) %>
+            <ul class="ec-list-orders-address">
+                <li><strong><%= t('.address', default: 'Address1') %>:</strong> <%= detail[:address1] %></li>
+                <li><strong><%= t('.address', default: 'Address') %>2:</strong> <%= detail[:address2] %></li>
+                <li><strong><%= t('.city', default: 'City') %>:</strong> <%= detail[:city] %></li>
+                <li><strong><%= t('.state', default: 'State') %>:</strong> <%= detail[:state] %></li>
+                <li><strong><%= t('.zip_code', default: 'Zip code') %>:</strong> <%= detail[:zip] %></li>
+                <li><strong><%= t('.country', default: 'Country') %>:</strong> <%= detail[:country] %></li>
+            </ul>
+        </div>
   </div>
-  <div class="col-md-8">
-    <h4>Products and Payments</h4>
-    <%= render partial: 'plugins/ecommerce/partials/table_order_products', locals: {order: @order} %>
-
-
-    <table class="table table-bordered">
-      <tbody>
-      <tr>
-        <th id="">Type Payment</th>
-        <th id=""></th>
-      </tr>
-
-      <tr>
-        <td><%= @order.payment_method.name  rescue 'Not Payment' %></td>
-        <td><% if @order.get_meta("payment")[:amount].to_f > 0 && @order.unpaid? %>
-              <a href="<%= plugins_ecommerce_order_select_payment_path(order: @order.slug) %>" class="btn btn-warning">Pay Now</a> or
-              <a href="<%= plugins_ecommerce_order_select_payment_path(order: @order.slug, cancel: true) %>" class="btn btn-default btn-sm">Cancel Order</a>
-          <% else %>
-                <%= raw @order.the_pay_status %>
-          <% end  %>
-        </td>
-      </tr>
 
-      </tbody>
-    </table>
+  <div class="row">
+    <div class="col-md-12">
+      <h4><%= t('.title_products', default: 'Products and Payments') %></h4>
+        <div id="totals_section">
+            <table class="table table-bordered">
+                <tbody>
+                <tr>
+                    <th id="quantity_col"><%= t('.qty', default: 'Quantity') %></th>
+                    <th id="item_col"><%= t('.item', default: 'Item') %></th>
+                    <th id="price_col"><%= t('.price', default: 'Price') %></th>
 
-    <table class="table table-bordered">
-      <tbody>
-      <tr>
-        <th id="">Order Shipped</th>
-        <th id="">Shipped Date</th>
-        <th id="">URL Tracking</th>
-      </tr>
-
-      <tr>
-        <td><%= @order.shipping_method.name rescue 'Not Shipped Assigned' %></td>
-        <td>    <%= @order.details.shipped_at || 'Not Shipped' %>    </td>
-        <td>    <%= @order.the_url_tracking %>    </td>
-      </tr>
-       </tbody>
-    </table>
-
-    <div class="text-center">
+                    <th id="tax_col"><%= t('.tax', default: 'Tax') %></th>
+                    <th id="subtotal_col"><%= t('.subtotal', default: 'Sub Total') %></th>
+                </tr>
+                <% order.product_items.each do |item| %>
+                    <tr>
+                        <td><%= item.qty %></td>
+                        <td><%= item.cache_the_title %></td>
+                        <td><%= item.cache_the_price %></td>
+                        <td><%= item.cache_the_tax %></td>
+                        <td><%= item.cache_the_sub_total %></td>
+                    </tr>
+                <% end %>
+                <tr>
+                    <td colspan="2"></td>
+                    <td colspan="2" class="text-right"><%= t('.total_excl', default: 'Total (excluding Tax)') %> </td>
+                    <td><%= order.cache_the_sub_total %></td>
+                </tr>
+                <tr>
+                    <td colspan="2"></td>
+                    <td colspan="2" class="text-right"><%= t('.tax', default: 'Tax') %></td>
+                    <td id="tax_total"><%= order.cache_the_tax %></td>
+                </tr>
+                <tr>
+                    <td colspan="2"></td>
+                    <td colspan="2" class="text-right"><%= t('.discount', default: 'Discount') %></td>
+                    <td><%= order.cache_the_discounts %></td>
+                </tr>
+                <tr>
+                    <td colspan="2"></td>
+                    <td colspan="2" class="text-right"><%= t('.total_shipping', default: 'Total shipping') %></td>
+                    <td><%= order.cache_the_shipping %></td>
+                </tr>
+                <tr>
+                    <td colspan="2"></td>
+                    <td colspan="2" class="text-right"><%= t('.total_price', default: 'Total Price') %></td>
+                    <td><%= order.cache_the_total %></td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
 
+      <table class="table table-bordered">
+        <tbody>
+        <tr>
+          <th><%= t('.payment_type', default: 'Type Payment') %></th>
+          <th></th>
+        </tr>
+        <tr>
+          <td><%= order.payment_method.name  rescue 'Not Payment' %></td>
+          <td><%= raw order.the_status %></td>
+        </tr>
+        <% if defined?(as_partial) %>
+            <tr>
+                <td>
+                    <%= raw order.get_meta('payment_data', {}).map{|k, v| "<b>#{k.to_s.titleize}</b>: #{v}" }.join('<br>') %>
+                </td>
+            </tr>
+        <% end %>
+        </tbody>
+      </table>
 
+      <table class="table table-bordered">
+        <tbody>
+        <tr>
+          <th><%= t('.shipping_method', default: 'Shipping Method') %></th>
+          <th><%= t('.date_shipped', default: 'Shipped Date') %></th>
+          <th><%= t('.track_url', default: 'URL Tracking') %></th>
+        </tr>
+        <tr>
+          <td><%= order.shipping_method.name rescue t('.no_shipping', default: 'Not Shipped Assigned') %></td>
+          <td><%= order.shipped_at.presence || t('.no_shipped', default: 'Not Shipped') %></td>
+          <td><%= order.the_url_tracking %></td>
+        </tr>
+         </tbody>
+      </table>
+      <div class="text-center">
+      </div>
     </div>
   </div>
 </div>
-
-<%#= debug @order.meta %>
-<% end %>

data/app/views/plugins/ecommerce/partials/_cart_widget.html.erb

@@ -0,0 +1,38 @@
+<div class="row" style="min-height: 64px">
+    <div class="col-md-9">
+        <ol class="breadcrumb" style="margin: 0;">
+            <% @ecommerce_bredcrumb.each_with_index do |m, index| %>
+                <% if m[1].present? %>
+                    <li class="<%= "active" if @ecommerce_bredcrumb.size == index+1 %>">
+                        <a href="<%= m[1] %>"><%= m[0] %></a></li>
+                <% else %>
+                    <li class="<%= "active" if @ecommerce_bredcrumb.size == index+1 %>"><span><%= m[0] %></span></li>
+                <% end %>
+            <% end %>
+        </ol>
+    </div>
+
+    <div class="col-md-3">
+        <% if signin? %>
+            <div class="well shopping_cart_box">
+                <% @cart ||= current_site.carts.set_user(current_user).first_or_create(name: "Cart by #{current_user.id}").decorate %>
+                <h4><%= t('.shopping_cart', default: 'Shopping Cart') %></h4>
+                <p><%= t('.total_items', default: '(%{qty}) items', qty: @cart.items_total) %>, <%= t('.total', default: 'Total') %>: <%= @cart.the_total_amount %></p>
+                <span>
+                    <a href="<%= @ecommerce_post_type.the_url %>" class="btn btn-default btn-xs"><%= t('.products_list', default: 'Products list') %></a>
+                    <% if (@cart.items_total > 0) %>
+                        <a href="<%= plugins_ecommerce_checkout_cart_path %>" class="btn btn-warning btn-xs"><%= t('.purchase', default: 'Purchase') %></a>
+                    <% end %>
+                    <a href="<%= plugins_ecommerce_orders_path %>" class="btn btn-success btn-xs"><%= t('.my_orders', default: 'My Orders') %></a>
+                </span>
+            </div>
+        <% else %>
+            <div class=" text-right">
+                <a href="<%= @ecommerce_post_type.the_url %>" class="btn btn-default"><%= t('.products_list', default: 'Products list') %></a>
+            </div>
+        <% end %>
+    </div>
+</div>
+<div class="clearfix">
+    <%= render partial: "/camaleon_cms/flash_messages.html.erb" %>
+</div>

data/app/views/plugins/ecommerce/partials/checkout/_details.html.erb

@@ -0,0 +1,35 @@
+<div id="add_details" class="row">
+    <div id="coupon" class="col-md-6">
+        <% unless @cart.coupon.present? %>
+            <h3><%= t('.coupon', default: 'Discount Coupon') %></h3>
+            <div id="e_coupon_apply_box" data-href="<%= plugins_ecommerce_res_coupon_path %>" data-token="<%= form_authenticity_token %>">
+                <div class="input-group">
+                    <input type="text" class="form-control coupon-text" autocomplete="off" placeholder="<%= t('.coupon_msg', default: 'Enter your code here') %>" >
+                    <span class="input-group-btn"><button class="btn btn-default" type="button"><%= t('.apply', default: 'Apply') %></button></span>
+                    <span class="input-group-addon hidden"><i class='glyphicon glyphicon-ok'></i></span>
+                </div><!-- /input-group -->
+                <input type="hidden" name="order[payment][coupon_code]" id="coupon_code" value="">
+            </div>
+        <% end %>
+    </div>
+    <div class="col-md-6">
+        <% if current_site.shipping_methods.any? %>
+            <div id="shipping" data-no-turbolink="">
+                <h3><%= t('.shipping_options', default: 'Shipping Options') %></h3>
+                <div class="form-group">
+                    <select class="form-control required" name="shipping_method" id="shipping_methods" >
+                        <% current_site.shipping_methods.each do |m| price = m.get_price_from_weight(@cart.weight_total); the_price = "#{current_site.current_unit}#{price}" %>
+                            <option value="<%= m.id %>" <%= 'selected' if @cart.shipping_method_id == m.id %> data-price="<%= price %>"><%= m.name %> (<%= the_price %>)</option>
+                        <% end %>
+                    </select>
+                </div>
+            </div>
+        <% end %>
+    </div>
+</div>
+<div id="product_details">
+    <%= render plugin_view('partials/checkout/products_detail') %>
+</div>
+<div class="text-right">
+    <button type="submit" class="btn btn-primary">Next</button>
+</div>

data/app/views/plugins/ecommerce/partials/checkout/_payments.html.erb

@@ -0,0 +1,123 @@
+<% if @cart.free_cart? %>
+    <div class="free_order text-center col-md-12">
+        <%= link_to('Complete Order', plugins_ecommerce_checkout_complete_free_order_url, class: 'btn btn-primary col-md-4 col-md-offset-4') %>
+    </div>
+<% else %>
+    <div id="e-payments-types" role="tabpanel">
+        <ul class="nav nav-tabs nav-justified" role="tablist">
+            <% (payment_methods = current_site.payment_methods.actives.all).each_with_index do |payment, index| %>
+                <li role="presentation" class="<%= "active" if index == 0 %>">
+                    <a href="#<%= payment.slug %>" aria-controls="<%= payment.slug %>" role="tab" data-toggle="tab"><%= t(".#{payment.options[:type]}", default: payment.options[:type].titleize) %></a>
+                </li>
+            <% end %>
+        </ul>
+
+        <!-- Tab panes -->
+        <div class="tab-content">
+            <% payment_methods.each_with_index do |payment, index| %>
+                <% inputs = content_tag :div do %>
+                    <input type="hidden" name="payment[payment_id]" value="<%= payment.id %>">
+                    <input type="hidden" name="payment[type]" value="<%= payment.options[:type] %>">
+                    <div class="form-group text-center">
+                        <button class="btn btn-primary col-md-4" type="submit"><i class="fa fa-money"></i> <%= t('.order_now', default: 'Buy') %></button>
+                    </div>
+                <% end %>
+
+                <div role="tabpanel" class="tab-pane <%= "active" if index == 0 %>" id="<%= payment.slug %>">
+                    <p><%= payment.description.translate %></p>
+                    <% if payment.options[:type] == 'paypal' %>
+                        <div class="type-paypal">
+                            <img src="https://www.paypalobjects.com/webstatic/mktg/logo/bdg_payments_by_pp_2line.png" alt="Buy now with PayPal"/>
+                            <%= form_tag(plugins_ecommerce_checkout_pay_by_paypal_path(order: @cart.slug), :method => "post") do %>
+                                <%= inputs %>
+                            <% end %>
+                        </div>
+                    <% end %>
+
+                    <% if payment.options[:type] == 'bank_transfer' %>
+                        <%= form_tag(plugins_ecommerce_checkout_pay_by_bank_transfer_path(order: @cart.slug), :method => "post") do %>
+                            <ul class="ec-list-orders-address">
+                                <li><strong><%= t('.account_number', default: 'Account Number') %>: </strong><span> <%= payment.options[:bank_transfer_number_account] %></span></li>
+                                <li><strong><%= t('.details_transfer', default: 'Details') %>: </strong><span> <%= payment.options[:bank_transfer_detail] %></span></li>
+                            </ul>
+                            <div class="form-group">
+                                <label><%= t('.bank_name', default: 'Bank name') %></label>
+                                <input class="form-control required" type="text" name="details[bank_name]">
+                            </div>
+                            <div class="form-group">
+                                <label><%= t('.bank_owner', default: 'Owner name of bank account') %></label>
+                                <input class="form-control required" type="text" name="details[owner_name]">
+                            </div>
+                            <div class="form-group">
+                                <label><%= t('.cod_key', default: 'CODE / ID / KEY / TICKET') %></label>
+                                <input class="form-control required" type="text" name="details[code]">
+                            </div>
+                            <div class="form-group">
+                                <label><%= t('.descr', default: 'Description') %></label>
+                                <textarea name="details[description]" rows="4" class="form-control required" ></textarea>
+                            </div>
+                            <%= inputs %>
+                        <% end %>
+                    <% end %>
+
+                    <% if payment.options[:type] == 'credit_card' %>
+                        <img src="http://i76.imgup.net/accepted_c22e0.png" alt="Buy now with Credit Card"/>
+                    <% end %>
+
+                    <% if payment.options[:type] == 'authorize_net' %>
+                        <img src="http://i76.imgup.net/accepted_c22e0.png" alt="Buy now with Authorize.net"/>
+                        <%= form_tag(plugins_ecommerce_checkout_pay_by_authorize_net_path(order: @cart.slug), :method => "post") do %>
+                            <div class="form-group">
+                                <label for="firstName"><%= t('.first_name', default: 'First Name') %></label>
+                                <input type="text" class="form-control required" name="firstName" value="<%= @cart.user.first_name %>" required autocomplete="off"/>
+                            </div>
+                            <div class="form-group">
+                                <label for="lastName"><%= t('.last_name', default: 'Last Name') %></label>
+                                <input type="text" class="form-control required" name="lastName" value="<%= @cart.user.last_name %>" autocomplete="off"/>
+                            </div>
+                            <div class="form-group">
+                                <label><%= t('.card_number', default: 'Card Number') %></label>
+                                <div class="input-group">
+                                    <input type="text" class="form-control required" name="cardNumber" autocomplete="off"/>
+                                    <span class="input-group-addon"><i class="fa fa-credit-card"></i></span>
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label for="expMonth"><%= t('.exp_date', default: 'EXPIRATION DATE') %></label>
+                                <div class="row">
+                                    <div class="col-xs-6 col-lg-6">
+                                        <input type="text" class="form-control required" name="expMonth" placeholder="MM" autocomplete="off"/>
+                                    </div>
+                                    <div class="col-xs-6 col-lg-6">
+                                        <input type="text" class="form-control required" name="expYear" placeholder="YY" autocomplete="off"/>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label for="cvCode"><%= t('.cvv', default: 'Cvv CODE') %></label>
+                                <input type="text" class="form-control required" name="cvCode" placeholder="cvv" autocomplete="off"/>
+                            </div>
+                            <%= inputs %>
+                        <% end %>
+                    <% end %>
+
+                    <% if payment.options[:type] == 'stripe' %>
+                        <%= form_tag(plugins_ecommerce_checkout_pay_by_stripe_path(order: @cart.slug), :method => "post") do %>
+                            <input type="hidden" name="payment[payment_id]" value="<%= payment.id %>">
+                            <input type="hidden" name="payment[type]" value="<%= payment.options[:type] %>">
+                            <img src="http://i76.imgup.net/accepted_c22e0.png" alt="Buy now with Authorize.net"/><br>
+                            <hr>
+                            <script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
+                                    data-key="<%= payment.options[:stripe_key] %>"
+                                    data-description="Payment Products: <%= @cart.products_title %>"
+                                    data-amount="<%= commerce_to_cents(@cart.total_amount) %>"
+                                    data-locale="<%= I18n.locale %>"></script>
+                        <% end %>
+                    <% end %>
+                </div>
+            <% end %>
+            <%= content_tag(:div, 'No Payment Methods Defined', class: 'alert alert-danger') unless payment_methods.any? %>
+        </div>
+    </div>
+    <script>jQuery(function(){ cama_ecommerce_payments(); })</script>
+<% end %>

data/app/views/plugins/ecommerce/partials/checkout/_products_detail.html.erb

@@ -0,0 +1,49 @@
+<div id="totals_section">
+    <h3><%= t('.total', default: 'Total') %></h3>
+    <table class="table table-bordered">
+        <tbody>
+        <tr>
+            <th id="quantity_col"><%= t('.qty', default: 'Quantity') %></th>
+            <th id="item_col"><%= t('.item', default: 'Item') %></th>
+            <th id="price_col"><%= t('.price', default: 'Price') %></th>
+
+            <th id="tax_col"><%= t('.tax', default: 'Tax') %></th>
+            <th id="subtotal_col"><%= t('.subtotal', default: 'Sub Total') %></th>
+        </tr>
+        <% @cart.product_items.decorate.each do |item| product = item.product.decorate %>
+            <tr>
+                <td><%= item.qty %></td>
+                <td><%= product.the_title %></td>
+                <td><%= item.the_price %></td>
+                <td><%= item.the_tax %></td>
+                <td><%= item.the_sub_total %></td>
+            </tr>
+        <% end %>
+        <tr>
+            <td colspan="2"></td>
+            <td colspan="2" class="text-right"><%= t('.total_excl', default: 'Total (excluding Tax)') %> </td>
+            <td><%= @cart.the_sub_total %></td>
+        </tr>
+        <tr>
+            <td colspan="2"></td>
+            <td colspan="2" class="text-right"><%= t('.tax', default: 'Tax') %></td>
+            <td id="tax_total"><%= @cart.the_tax_total %></td>
+        </tr>
+        <tr id="coupon_application_row">
+            <td colspan="2"></td>
+            <td colspan="2" class="text-right"><%= t('.discount', default: 'Discount') %></td>
+            <td><%= @cart.the_total_discounts %></td>
+        </tr>
+        <tr>
+            <td colspan="2"></td>
+            <td colspan="2" class="text-right"><%= t('.total_shipping', default: 'Total shipping') %></td>
+            <td id="shipping_total"><%= @cart.the_total_shipping %></td>
+        </tr>
+        <tr>
+            <td colspan="2"></td>
+            <td colspan="2" class="text-right"><%= t('.total_price', default: 'Total Price') %></td>
+            <td><%= @cart.the_price %></td>
+        </tr>
+        </tbody>
+    </table>
+</div>

data/app/views/plugins/ecommerce/partials/checkout/_user_info.html.erb

@@ -0,0 +1,93 @@
+<%
+    cart ||= @cart
+    billing_address = cart.get_meta("billing_address", {})
+    shipping_address = cart.get_meta("shipping_address", {})
+%>
+<div class="row">
+    <div id="billing_address" class="col-md-6">
+        <h3><%= t('plugin.ecommerce.billing_address') %></h3>
+
+        <div class="form-group">
+            <label for=""><%= t('.firstname', default: 'First Name') %></label>
+            <%= text_field_tag 'order[billing_address][first_name]', billing_address[:first_name], class: 'form-control required' %>
+
+        </div>
+        <div class="form-group">
+            <label for=""><%= t('.lastname', default: 'Last Name') %></label>
+            <%= text_field_tag 'order[billing_address][last_name]',billing_address[:last_name], class: 'form-control required' %>
+        </div>
+        <div class="form-group">
+            <label for=""><%= t('.address', default: 'Address') %></label>
+            <%= text_field_tag 'order[billing_address][address1]',billing_address[:address1], class: 'form-control required' %>
+        </div>
+        <div class="form-group">
+            <label for=""><%= t('.address', default: 'Address') %> 2</label>
+            <%= text_field_tag 'order[billing_address][address2]',billing_address[:address2], class: 'form-control' %>
+        </div>
+        <div class="form-group">
+            <label for=""><%= t('.city', default: 'City') %></label>
+            <%= text_field_tag 'order[billing_address][city]',billing_address[:city], class: 'form-control required' %>
+        </div>
+        <div class="form-group">
+            <label for=""><%= t('.country', default: 'Country') %></label>
+            <%= country_select :billing_address, :country, {locale: I18n.locale.to_s, iso_codes: true, selected:  billing_address[:country]}, { :name => 'order[billing_address][country]',  class: 'form-control' } %>
+        </div>
+        <div class="form-group">
+            <label for=""><%= t('.state', default: 'State') %></label>
+            <%= text_field_tag 'order[billing_address][state]',billing_address[:state], class: 'form-control' %>
+        </div>
+        <div class="form-group">
+            <label for=""><%= t('.code_zip', default: 'Zip code') %></label>
+            <%= text_field_tag 'order[billing_address][zip]',billing_address[:zip], class: 'form-control' %>
+        </div>
+
+    </div>
+
+    <div id="shipping_address" class="col-md-6">
+        <h3>
+            <%= t('.shipping_address') %>
+            <small><a href="#" id="ec_copy">(<%= t('.copy_address', default: 'copy from billing') %>)</a></small>
+        </h3>
+
+        <div class="form-group">
+            <label for=""><%= t('.firstname') %></label>
+            <%= text_field_tag 'order[shipping_address][first_name]', shipping_address[:first_name], class: 'form-control required' %>
+
+        </div>
+        <div class="form-group">
+            <label for=""><%= t('.lastname') %></label>
+            <%= text_field_tag 'order[shipping_address][last_name]', shipping_address[:last_name], class: 'form-control required' %>
+        </div>
+        <div class="form-group">
+            <label for=""><%= t('.address') %></label>
+            <%= text_field_tag 'order[shipping_address][address1]', shipping_address[:address1], class: 'form-control required' %>
+        </div>
+        <div class="form-group">
+            <label for=""><%= t('.address') %> 2</label>
+            <%= text_field_tag 'order[shipping_address][address2]', shipping_address[:address2], class: 'form-control' %>
+        </div>
+        <div class="form-group">
+            <label for=""><%= t('.city') %></label>
+            <%= text_field_tag 'order[shipping_address][city]', shipping_address[:city], class: 'form-control required' %>
+        </div>
+        <div class="form-group">
+            <label for=""><%= t('.country') %></label>
+            <%= country_select :shipping_address, :country, {locale: I18n.locale.to_s, iso_codes: true, selected:  billing_address[:country]}, { :name => 'order[shipping_address][country]',  class: 'form-control' } %>
+        </div>
+        <div class="form-group">
+            <label for=""><%= t('.state') %></label>
+            <%= text_field_tag 'order[shipping_address][state]', shipping_address[:state], class: 'form-control' %>
+        </div>
+        <div class="form-group">
+            <label for=""><%= t('.code_zip') %></label>
+            <%= text_field_tag 'order[shipping_address][zip]', shipping_address[:zip], class: 'form-control' %>
+        </div>
+    </div>
+    <div class="clearfix"></div>
+    <% unless defined?(as_partial) %>
+        <div class="text-right col-md-12">
+            <button type="submit" class="btn btn-primary">Next</button>
+        </div>
+    <% end %>
+</div>
+