<div class="row">
  <div class="col-md-6">
    <div class="row">
      <div class="col-md-12">
        <h5 class="thin subtitle">Wybierz metodę płatności</h5>
        <div class="panel-group accordion style2" id="accordionPayment" role="tablist" aria-multiselectable="true">
          <% @payment_methods.each do |pm| %>
            <div class="panel panel-default">
              <div class="panel-heading" role="tab" id="headingPayment<%= pm.id %>">
                <h4 class="panel-title">
                  <a
                    class="<%= pm.id == @order.payment_method_id ? '' : 'collapsed' %>"
                    data-toggle="collapse"
                    data-parent="#accordionPayment"
                    href="#collapsePayment<%= pm.id %>"
                    aria-expanded="<%= pm.id == @order.payment_method_id ? 'true' : 'false' %>"
                    aria-controls="collapsePayment<%= pm.id %>">
                    <i class="fa fa-credit-card mr-10"></i><%= pm.name %>
                  </a>
                </h4>
                <!-- end panel-title -->
              </div>
              <!-- end panel-heading -->
              <div
                id="collapsePayment<%= pm.id %>"
                class="panel-collapse collapse<%= pm.id == @order.payment_method_id ? ' in' : '' %>"
                aria-expanded="<%= pm.id == @order.payment_method_id ? 'true' : 'false' %>"
                role="tabpanel"
                aria-labelledby="headingPayment<%= pm.id %>">
                <div class="panel-body">
                  <div class="form-group">
                    <%= raw pm.description %>
                  </div>
                </div>
              </div>
            </div>
          <% end %>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <h5 class="thin subtitle">Potwierdź, że nie jesteś robotem</h5>
        <div class="form-group">
          <div id="recaptcha"></div>
        </div>
        <div class="form-group">
          <%= raw submit_tag(raw('Potwierdzam zamówienie'), class: "btn btn-default btn-md round pull-right") %>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-6">
    <% unless @ss.order_faqs.blank? %>
      <h5 class="thin subtitle">Najczęściej zadawane pytania</h5>
      <div class="panel-group accordion style1" id="question" role="tablist" aria-multiselectable="true">
        <% @ss.order_faqs.each do |ofaq| %>
          <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="question<%= ofaq.id %>">
              <h4 class="panel-title">
                <a class="collapsed" data-toggle="collapse" data-parent="#question" href="#collapseQuestion<%= ofaq.id %>" aria-expanded="false" aria-controls="collapse<%= ofaq.id %>">
                  <%= ofaq.title %>
                </a>
              </h4>
            </div>
            <!-- end panel-heading -->
            <div id="collapseQuestion<%= ofaq.id %>" class="panel-collapse collapse" role="tabpanel" aria-labelledby="question<%= ofaq.id %>">
              <div class="panel-body">
                <p><%= ofaq.description %></p>
              </div>
              <!-- end panel-body -->
            </div>
            <!-- end collapse -->
          </div>
          <!-- end panel -->
        <% end %>

      </div>
      <!-- end panel-group -->
    <% end %>
  </div>
  <!-- end col -->
</div>
<!-- end row -->
