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

@section('head')
  {{ HTML::script($site_path.'/js/libs/zipcode/jquery.twzipcode.js') }}
  <script>
  $(function(){
    // 地址
    @if (isset($inputs->county) && isset($inputs->district))
    // 縣市選單
    $("#twzipcode").twzipcode({
      //縣市預設值
      countySel: '{{ $inputs->county }}',
      //鄉鎮市區預設值
      districtSel: '{{ $inputs->district }}'
    });
    @else
    $("#twzipcode").twzipcode();
    @endif
    // 同訂購人
    $('#js_same_user').change(function () {
      if($("#js_same_user").prop('checked')){
        $("#recipient_name").val($("#username").val());
        $("#recipient_tel").val($("#tel").val());
        $("#recipient_address").val($(".zipcode").val() + $(".county").val() + $(".district").val() + $("#address").val());
      }else{
        $("#recipient_name").val('');
        $("#recipient_tel").val('');
        $("#recipient_address").val('');
      }
    });
  });
  </script>
  <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" class="active"><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 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 class="col-md-1">運費</th>
          <th class="col-md-2">小計</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['shipping'] }}</td>
          <td>{{ $element['sub_total'] }}</td>
        </tr>
        @endforeach
      </tbody>
      <tbody>
        <tr>
          <td colspan="4"></td>
          <td>運費</td>
          <td>{{ $cart_freight }}</td>
        </tr>

        @if ($shipping_free_show)
        <tr>
          <td colspan="4"></td>
          <td></td>
          <td>滿{{ $cart_freight_free }}免運費</td>
        </tr>
        @endif

        <tr>
          <td colspan="4"></td>
          <td>總計</td>
          <td>{{ number_format($cart_total_price) }}</td>
        </tr>
      </tbody>
    </table>
  </div>

  {{ Form::model($inputs) }}
  <div class="cart-user">
    <div class="user-sect base">
      <h3>基本資料</h3>
      <table class="table">
        <tbody>
          <tr>
            <th class="col-md-2">
              {{ Form::label('username', '姓名') }}
            </th>
            <td{{ $errors->first('username', ' class="has-error"') }}>
              {{ Form::input('text','username', null, array('id' => 'username', 'class' => 'form-control', 'required' => 'required')) }}
              {{ $errors->first('username', '<p class="help-block">:message</p>') }}
            </td>
          </tr>
          <tr>
            <th>
              {{ Form::label('gender', '性別') }}
            </th>
            <td{{ $errors->first('gender', ' class="has-error"') }}>
              <div class="type">
                <label class="radio-inline">
                  {{ Form::radio('gender',0, null, array('id' => 'male')) }} 男
                </label>
                <label class="radio-inline">
                  {{ Form::radio('gender',1, null, array('id' => 'female')) }} 女
                </label>
                {{ $errors->first('gender', '<p class="help-block">:message</p>') }}
              </div>
            </td>
          </tr>
          <tr>
            <th>
              {{ Form::label('tel', '電話') }}
            </th>
            <td{{ $errors->first('tel', ' class="has-error"') }}>
              {{ Form::input('text','tel', null, array('id' => 'tel', 'class' => 'form-control', 'required' => 'required')) }}
              {{ $errors->first('tel', '<p class="help-block">:message</p>') }}
            </td>
          </tr>
          <tr>
            <th>
              {{ Form::label('address', '地址') }}
            </th>
            <td{{ $errors->first('address', ' class="has-error"') }}>
              <div class="type">
                <div id="twzipcode" class="order-zip eqs bottom_10 gutter_10">
                  <div class="column">
                    <div data-role="zipcode" data-style="form-control zipcode"></div>
                  </div>
                  <div class="column">
                    <div data-role="county" data-style="form-control county"></div>
                  </div>
                  <div class="column">
                    <div data-role="district" data-style="form-control district"></div>
                  </div>
                </div>
              </div>
              {{ Form::input('text','address', null, array('id' => 'address', 'class' => 'form-control', 'required' => 'required')) }}
              {{ $errors->first('address', '<p class="help-block">:message</p>') }}
            </td>
          </tr>
          <tr>
            <th>
              {{ Form::label('invoice_title', '發票抬頭') }}
            </th>
            <td>{{ Form::input('text','invoice_title', null, array('id' => 'invoice_title', 'class' => 'form-control')) }}</td>
          </tr>
          <tr>
            <th>
              {{ Form::label('invoice', '統一編號') }}
            </th>
            <td>{{ Form::input('text','invoice', null, array('id' => 'invoice', 'class' => 'form-control')) }}</td>
          </tr>
          <tr>
            <th>
              {{ Form::label('user_remark', '備註') }}
            </th>
            <td>
              {{ Form::textarea('user_remark', null, array('id' => 'user_remark', 'cols' => 30,'rows' => 10, 'class' => 'form-control')) }}
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="user-sect recipient">
      <h3>收件人資料</h3>
      <div class="checkbox">
        <label>
          {{ Form::input('checkbox', 'same_user', 1, array('id' => 'js_same_user')) }} 
          同訂購人
        </label>
      </div>

      <table class="table">
        <tr>
          <th class="col-md-2">
            {{ Form::label('recipient_name', '收件人姓名') }}
          </th>
          <td{{ $errors->first('recipient_name', ' class="has-error"') }}>
            {{ Form::input('text','recipient_name', null, array('id' => 'recipient_name', 'class' => 'form-control', 'required' => 'required')) }}
            {{ $errors->first('recipient_name', '<p class="help-block">:message</p>') }}
          </td>
        </tr>
        <tr>
          <th>
            {{ Form::label('recipient_tel', '收件人電話') }}
          </th>
          <td{{ $errors->first('recipient_tel', ' class="has-error"') }}>
            {{ Form::input('text','recipient_tel', null, array('id' => 'recipient_tel', 'class' => 'form-control', 'required' => 'required')) }}
            {{ $errors->first('recipient_tel', '<p class="help-block">:message</p>') }}
          </td>
        </tr>
        <tr>
          <th>
            {{ Form::label('recipient_address', '收件人地址') }}
          </th>
          <td{{ $errors->first('recipient_address', ' class="has-error"') }}>
            {{ Form::input('text','recipient_address', null, array('id' => 'recipient_address', 'class' => 'form-control', 'required' => 'required')) }}
            {{ $errors->first('recipient_address', '<p class="help-block">:message</p>') }}
          </td>
        </tr>
      </table>
    </div>
    <div class="user-sect time">
      <h3>選擇收件時間</h3>

      <div class="radio">
        <label>
          {{ Form::input('radio', 'delivery_time', '不指定', ['checked' => 'checked']) }}
          不指定
        </label>
      </div>

      <div class="radio">
        <label>
          {{ Form::input('radio', 'delivery_time', '早上') }}
          早上
        </label>
      </div>

      <div class="radio">
        <label>
          {{ Form::input('radio', 'delivery_time', '下午') }}
          下午
        </label>
      </div>

      <div class="radio">
        <label>
          {{ Form::input('radio', 'delivery_time', '晚上') }}
          晚上
        </label>
      </div>

    </div>
    <div class="user-sect pay">
      <h3>選擇付款方式</h3>

      <div class="radio">
        <label>
          {{ Form::input('radio', 'payment', 'ATM', ['checked' => 'checked']) }}
          ATM
        </label>
      </div>

      <div class="radio">
        <label>
          {{ Form::input('radio', 'payment', '貨到付款') }}
          貨到付款
        </label>
      </div>

    </div>
  </div>
  <div class="cart-check">
    <a class="btn btn-default" href="{{ url('fresh/鑫龍鮮物') }}">繼續購物</a>
    <button type="submit" class="btn btn-success pull-right">下一步：訂單確認</button>
  </div>
  {{ Form::close() }}
</div>
@stop

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