@extends($site_path.'.layouts.default')

@section('head')
  <title>{{ $site_name }}</title>
@stop

@section('content')

<div class="page">
  <div class="content-title">
    <h3>訂購完成</h3>
  </div>
  <!-- 購物流程 -->
  <div class="fuelux">
    <div id="MyWizard" class="wizard">
      <ul class="steps">
        <li data-target="#step1"><span class="badge badge-info">1</span>選購商品<span class="chevron"></span></li>
        <li data-target="#step2"><span class="badge">2</span>確認數量<span class="chevron"></span></li>
        <li data-target="#step3"><span class="badge">3</span>填寫出貨資訊<span class="chevron"></span></li>
        <li data-target="#step4"><span class="badge">4</span>訂單確認<span class="chevron"></span></li>
        <li data-target="#step5" class="active"><span class="badge">5</span>完成<span class="chevron"></span></li>
      </ul>
    </div>
  </div>
  <!-- 購物流程 -->
  <div class="cart-list">
    <table class="table table-hover table_shopping">
      <thead>
        <tr>
          <th>產品名稱</th>
          <th>單價</th>
          <th>規格</th>
          <th class="col-md-1">數量</th>
          <th>小計</th>
        </tr>
      </thead>
      <tbody>
        @foreach ($shopping as $element)
        <tr>
          <td>{{ $element['name'] }}</td>
          <td>${{ $element['price'] }}</td>
          <td>{{ $element->products->spec }}</td>
          <td>{{ $element['qty'] }}</td>
          <td>{{ $element['sub_total'] }}</td>
        </tr>
        @endforeach
      </tbody>
      <tbody>
        <tr>
          <td colspan="3"></td>
          <td>小計</td>
          <td class="totalpricesubtotal"></td>
        </tr>
        <tr>
          <td colspan="3"></td>
          <td>運費</td>
          <td class="shipping">{{ $cart_freight }}</td>
        </tr>
        <tr>
          <td colspan="3"></td>
          <td>總計</td>
          <td class="realtotal">{{-- $cart_total_price + $cart_freight --}}</td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="cart-check text-center">
    <p>已寄送訂購通知至您的信箱，我們將儘速處理您的訂單。</p>
    <a class="btn btn-success" href="{{ url('index') }}">回首頁</a>
  </div>
</div>
@stop

@section('side')
  <!-- 邊欄選單 begin -->
  <div class="side_title">
    購物車
  </div>
@stop