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

@section('head')

  {{ HTML::script('//ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js') }}
  {{ HTML::script($site_path.'/js/pages/controllers.js') }}
  <script>
  var App = angular.module('App', [], function($interpolateProvider) {
    $interpolateProvider.startSymbol('<%');
    $interpolateProvider.endSymbol('%>');
  });
  </script>

  <title>{{ $site_name }}</title>

@stop

@section('content')

  <!-- 內文 -->
  <div id="article_content" ng-controller="CartCtrl">
    
    <!-- 購物流程 -->
    <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" class="active"><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"><span class="badge">5</span>完成<span class="chevron"></span></li>
        </ul>
      </div>
    </div>
    <!-- 購物流程 -->

    <!-- 購物清單 -->
    <div id="js_cart">
      <table class="table table-hover table_shopping" id="js_shopping_cart" ng-show="Carts">
        <thead>
          <tr>
            <th>產品名稱</th>
            <th>單價</th>
            <th>規格</th>
            <th class="col-md-1">數量</th>
            <th class="col-md-1">運費</th>
            <th class="col-md-1">小計</th>
            <th class="col-md-1">刪除</th>
          </tr>
        </thead>
        <tbody>
          <tr ng-repeat="element in Carts">
            <td><%element.name%></td>
            <td>$<%element.price%></td>
            <td><%element.spec%></td>
            <td>
              <input type="number" class="form-control" min="1" max="99" name="cart_item_num" ng-model="element.qty" required>
            </td>
            <td><%element.shipping | number%></td>
            <td><%element.qty * element.price + element.shipping | number%></td>
            <td>
              <a class="btn btn-default js_remove_item" ng:click="removeItem($index)"><i class="fa fa-trash"></i></a>
            </td>
          </tr>
        </tbody>
        <tbody>
          <tr>
            <td colspan="4"></td>
            <td>運費</td>
            <td><%total_shipping%></td>
            <td></td>
          </tr>
          <tr ng-show="shipping_show">
            <td colspan="4"></td>
            <td></td>
            <td>滿{{ $cart_freight_free }}免運費</td>
            <td></td>
          </tr>
          <tr>
            <td colspan="4"></td>
            <td>總計</td>
            <td><%total(0,{{ $cart_freight_free }}) | number%></td>
            <td></td>
          </tr>
        </tbody>
      </table>
      <div class="txt_center" ng-hide="Carts">
        您尚未選擇商品，<a href="{{ url('fresh/鑫龍鮮物') }}" class="btn btn-success"><span class="fa fa-shopping-cart fa-fw"></span>前往購物</a>
      </div>
      <div class="cart-check" ng-show="Carts">
        <a class="btn btn-default" href="{{ url('fresh/鑫龍鮮物') }}">繼續購物</a>
        <a class="btn btn-success pull-right" href ng:click="nextStep()">下一步：{{ Auth::check() ? '填寫訂單' : '會員登入' }}</a>
      </div>
    </div>
    <!-- 購物清單 -->

    <!-- 購物說明 -->
    <div class="page_title">購物前提醒</div>
    <ul>
      <li>歡迎加入鑫龍食品會員，將會有獨享優惠更可以累計金額送好禮!</li>
      <li>保存:我們的商品均為新鮮漁獲，為維持鮮度，請保存在-18度C以下空間。</li>
      <li>付費:採ATM轉帳及貨到付款，需請您配合訂單確認之付款方式。</li>
      <li>退換貨:冷凍食品因保存期限及衛生考量，一經拆封使用或非運送過程失溫導致商品變質者，恕無法接受退換貨。</li>
      <li>其他問題請留言，我們會迅速為您解答。</li>
      <li>本產品內容物組成以實物及商品說明為主。</li>
    </ul>

    <div class="page_title">配送說明</div>
    <ul>
      <li>我們的商品採低溫配送，於訂單完成/付款完成後1-2個工作天送達，請務必留下隨時可收貨並冷藏保存的地址與連絡電話，以免食品產生腐壞。</li>
      <li>商品送達前會與您電話聯絡，若產品未於預定時間送達，請記下您的訂單編號，來電詢問鑫龍食品。</li>
      <li>
        運費計算:冷凍宅配以寄件尺寸計算費用，我們的產品分為兩種規格，計費標準如下:
        <table class="table">
          <tr class="active">
            @foreach ($shipping_category as $element)