@section('cart-new-tab')
<li class="nav-item">
    <a aria-controls="cart" aria-selected="false" class="nav-link" data-toggle="tab" href="#cart_tab" id="cart-tab" role="tab">
        <i class="bx bx-cart align-middle"></i> <span class="align-middle">購物車</span>
    </a>
</li>
@endsection

@section('cart-new-content')
<div aria-labelledby="cart-tab" class="tab-pane" id="cart_tab" role="tabpanel">  
    <div class="card-content">
        <div class="card-body pb-0 mx-25">
            <!-- header section -->
            <div class="row mx-0">
                <div class="col-xl-4 col-md-12 d-flex align-items-center pl-0">
                    <h6 class="mr-75"> 活動名稱 </h6>
                    <h6 class="show_activity_name mr-75 text-bold-500"> - </h6>
                </div>
                <div class="col-xl-4 col-md-12 d-flex align-items-center pl-0">
                    <h6 class="mr-75"> 團媽 </h6>
                    <h6 class="show_administrator_name mr-75 text-bold-500"> - </h6>
                </div>
            </div>

            <div class="row my-2 py-50">
                <div class="col-sm-3 col-6 order-2 order-sm-1">
                    <h5 class="text-primary">訂單建立單位</h5> 
                    <select class="form-control" name="order_create_department" id="order_create_department">
                        @foreach (June1\Constants\Order\OrderCreateDepartmentConstants::map() as $key => $value)
                            <option value="{{ $key }}" {{ 1 == $key ? 'selected' : '' }}>{{  data_get($value, 'name') }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-sm-3 col-6 order-2 order-sm-1">
                    <h5 class="text-primary">接單方式</h5>
                    <select class="form-control" name="order_source_method" id="order_source_method">
                        @foreach (June1\Constants\Order\OrderSourceMethodConstants::map() as $key => $value)
                            <option value="{{ $key }}" {{ 1 == $key ? 'selected' : '' }}>{{  data_get($value, 'name') }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-sm-3 col-6 order-2 order-sm-1">
                    <h5 class="text-primary">是否扣庫</h5>
                    <select class="form-control" name="warehouse_stock_deductible" id="warehouse_stock_deductible">
                        @foreach (['1' => '是', '0' => '否'] as $key => $value)
                            <option value="{{ $key }}" {{ 1 == $key ? 'selected' : '' }}>{{  $value }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-sm-3 col-6 order-2 order-sm-1">
                    <h5 class="text-primary">營業稅率類別</h5>
                    <select class="form-control" name="tax_rate_type" id="tax_rate_type">
                        @foreach (June1\Constants\Invoice\InvoiceTaxRateTypeConstants::map() as $key => $value)
                            <option value="{{ $key }}" {{ 0 == $key ? 'selected' : '' }}>{{  data_get($value, 'name') }}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="row my-2 py-50">
                <div class="col-sm-3 col-6 order-2 order-sm-1">
                    <h5 class="text-primary">特殊訂單註記</h5>
                    <select class="form-control" name="special_case" id="special_case">
                        @foreach (June1\Constants\Order\OrderSpecialCaseConstants::map() as $key => $value)
                            <option value="{{ $key }}" {{ 0 == $key ? 'selected' : '' }}>{{  data_get($value, 'name') }}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            {{-- <hr>
            <!-- logo and title -->
            <div class="row my-2 py-50 justify-content-between">
                <div class="col-sm-3 col-6 order-2 order-sm-1">
                    <h5 class="text-primary">訂單編號</h5> 
                    <h6 class="mr-75"> {{ (isset($order) ? $order->code : '(系統產生)') }} </h6>
                </div>

                <div class="col-sm-2 order-2 order-sm-1">
                    <img alt="logo" height="46" src="{{asset('images/logo/logo.png')}}">
                </div>
            </div> --}}
            <hr>
            <!-- invoice address and contact -->
            <div class="row invoice-info">
                <div class="col-lg-6 col-md-12 mt-25">
                    <h6 class="invoice-to">會員</h6>
                    <fieldset class="form-group">
                        <select class="form-control select2" id="user_id" name="user_id">
                            <option> </option>
                            @if ($users->isNotEmpty())
                                @foreach ($users as $user)
                                    <option
                                            value="{{ $user->id }}"
                                            {{ $user->id == old('user_id') ? 'selected' : '' }}
                                    >{{ $user->name }} ({{ $user->cellphone  }})</option>
                                @endforeach
                            @endif
                        </select>
                        @if ($errors->has('user_id'))
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('user_id') ])
                        @endif
                    </fieldset>
                    <button class="btn btn-outline-primary mr-1 mb-1" type="button" id="sync_user_to_customer">同步訂購人資訊</button>

                    <h6 class="invoice-to">訂購人</h6>
                    <fieldset class="form-group">
                        <input name="customer_name" id="customer_name" placeholder="姓名" class="form-control customer_equal_receiver_getter" type="text" value="{{ old('customer_name', (isset($order->customer) ? $order->customer->name : '')) }}">                    
                        @if ($errors->has('customer_name')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('customer_name') ]) 
                        @endif
                    </fieldset>
                    <fieldset class="form-group">
                        <input name="customer_email" id="customer_email" placeholder="test@gmail.com" class="form-control customer_equal_receiver_getter" type="email" value="{{ old('customer_email', (isset($order->customer) ? $order->customer->email : '')) }}">
                        @if ($errors->has('customer_email')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('customer_email') ]) 
                        @endif
                    </fieldset>
                    <fieldset class="form-group">
                        <input name="customer_cellphone" id="customer_cellphone" placeholder="手機" class="form-control customer_equal_receiver_getter" type="text" value="{{ old('customer_cellphone', (isset($order->customer) ? $order->customer->cellphone : '')) }}" >
                        @if ($errors->has('customer_cellphone')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('customer_cellphone') ]) 
                        @endif
                    </fieldset>
                    <fieldset class="form-group">
                        <input name="customer_telephone" id="customer_telephone" placeholder="市話" class="form-control customer_equal_receiver_getter" type="text" value="{{ old('customer_telephone', (isset($order->customer) ? $order->customer->telephone : '')) }}" >
                        @if ($errors->has('customer_telephone'))
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('customer_telephone') ])
                        @endif
                    </fieldset>
                    <fieldset class="form-group">
                        <div role="tw-city-selector" class="city-selector-set customer_equal_receiver_getter" id="admin-cart-tw-city-selector"></div>
                        @if ($errors->has('customer_county')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('customer_county') ]) 
                        @endif
                        @if ($errors->has('customer_district')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('customer_district') ]) 
                        @endif
                    </fieldset>
                    <fieldset class="form-group">
                        <input name="customer_address" id="customer_address" placeholder="地址" class="form-control customer_equal_receiver_getter" type="text" value="{{ old('customer_address', (isset($order->customer) ? $order->customer->address : '')) }}">
                        @if ($errors->has('customer_address')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('customer_address') ]) 
                        @endif
                    </fieldset>

                    <fieldset class="form-group">
                        收件人同訂購人
                        <div class="custom-control custom-switch custom-control-inline mb-1">
                            <input type="checkbox" class="custom-control-input customer_equal_receiver_getter" id="customer_equal_receiver" name="customer_equal_receiver" value="1" {{ old('customer_equal_receiver', true) ? 'checked' : '' }}>
                            <label class="custom-control-label mr-1" for="customer_equal_receiver">
                            </label>
                        </div>
                    </fieldset>

                    <h6 class="invoice-to">收件人</h6>
                    <fieldset class="form-group">
                        <input name="receiver_name" id="receiver_name" placeholder="姓名" class="form-control customer_equal_receiver_setter" type="text" value="{{ old('receiver_name') }}">
                        @if ($errors->has('receiver_name')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('receiver_name') ]) 
                        @endif
                    </fieldset>
                    <fieldset class="form-group">
                        <input name="receiver_email" id="receiver_email" placeholder="test@gmail.com" class="form-control customer_equal_receiver_setter" type="email" value="{{ old('receiver_email') }}">
                        @if ($errors->has('receiver_email')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('receiver_email') ]) 
                        @endif
                    </fieldset>
                    <fieldset class="form-group">
                        <input name="receiver_cellphone" id="receiver_cellphone" placeholder="手機" class="form-control customer_equal_receiver_setter" type="text" value="{{ old('receiver_cellphone') }}" >
                        @if ($errors->has('receiver_cellphone')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('receiver_cellphone') ]) 
                        @endif
                    </fieldset>
                    <fieldset class="form-group">
                        <input name="receiver_telephone" id="receiver_telephone" placeholder="市話" class="form-control customer_equal_receiver_setter" type="text" value="{{ old('receiver_telephone') }}" >
                        @if ($errors->has('receiver_telephone'))
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('receiver_telephone') ])
                        @endif
                    </fieldset>
                    <fieldset class="form-group">
                        <div role="tw-city-selector" class="city-selector-set customer_equal_receiver_setter" id="admin-cart-tw-city-selector-receiver"></div>
                        @if ($errors->has('receiver_county')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('receiver_county') ]) 
                        @endif
                        @if ($errors->has('receiver_district')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('receiver_district') ]) 
                        @endif
                    </fieldset>
                    <fieldset class="form-group">
                        <input name="receiver_address" id="receiver_address" placeholder="地址" class="form-control customer_equal_receiver_setter" type="text" value="{{ old('receiver_address') }}">
                        @if ($errors->has('receiver_address')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('receiver_address') ]) 
                        @endif
                    </fieldset>

                    <h6 class="invoice-to">備註</h6>
                    <fieldset class="form-group">
                        <textarea class="form-control" name="customer_remark" id="customer_remark" cols="50" rows="5">{{ old('customer_remark', (isset($order->customer) ? $order->customer->remark : '')) }}</textarea>
                        @if ($errors->has('customer_remark')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('customer_remark') ]) 
                        @endif
                    </fieldset>  
                </div>

                <div class="col-lg-6 col-md-12 mt-25">
                    <h6 class="invoice-to">發票類別</h6>
                    <fieldset class="form-group">
                        <ul class="list-unstyled mb-0 ml-2">
                            @foreach (config('invoice.invoice_type') as $invoice_type_id => $invoice_type_name)
                                @php
                                    $checked_id = old("invoice_type", (isset($order) ? $order->invoice->invoice_type : '1'));
                                    $checked = $invoice_type_id == $checked_id ? 'checked' : '';
                                @endphp
                                <li class="d-inline-block mr-2 mb-1">
                                    <fieldset>
                                        <div class="radio">
                                            <input 
                                                type="radio" 
                                                name="invoice_type" 
                                                id="invoice_type_{{ $invoice_type_id }}"  
                                                value="{{ $invoice_type_id }}" 
                                                {{ $checked }}
                                            >
                                            <label for="invoice_type_{{ $invoice_type_id }}">{{ $invoice_type_name }}</label>
                                        </div>
                                    </fieldset>
                                </li>
                            @endforeach
                        </ul>
                        @if ($errors->has('invoice_type')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('invoice_type') ]) 
                        @endif
                    </fieldset>
                    
                    <fieldset class="form-group">
                        <input name="invoice_personal_code" id="invoice_personal_code" placeholder="發票載具" class="form-control" type="text" maxlength="8" value="{{ old('invoice_personal_code', (isset($order->customer) ? $order->customer->invoice_personal_code : '')) }}">
                        @if ($errors->has('invoice_personal_code')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('invoice_personal_code') ]) 
                        @endif
                    </fieldset>
                    <fieldset class="form-group">
                        <input name="invoice_company_number" id="invoice_company_number" placeholder="公司-統一編號" class="form-control" type="text" maxlength="8" value="{{ old('invoice_company_number', (isset($order->customer) ? $order->customer->invoice_company_number : '')) }}">
                        @if ($errors->has('invoice_company_number')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('invoice_company_number') ]) 
                        @endif
                    </fieldset>
                    <fieldset class="form-group">
                        <input name="invoice_company_title" id="invoice_company_title" placeholder="公司-抬頭" class="form-control" type="text" value="{{ old('invoice_company_title', (isset($order->customer) ? $order->customer->invoice_company_title : '')) }}">
                        @if ($errors->has('invoice_company_title')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('invoice_company_title') ]) 
                        @endif
                    </fieldset>
                    
                    <h6>付款方式</h6>
                    <fieldset class="form-group">
                        <ul class="list-unstyled mb-0 ml-2">
                            @if (!empty($pay_methods))
                                @foreach ($pay_methods as $pay_method)
                                    @php
                                        $checked_id = old("pay_method_id", (isset($order) ? $order->pay_method_id : '1'));
                                        $checked = $pay_method['id'] == $checked_id ? 'checked' : '';
                                    @endphp
                                    <li class="d-inline-block mr-2 mb-1">
                                        <fieldset>
                                            <div class="radio">
                                                <input 
                                                    type="radio" 
                                                    name="pay_method_id" 
                                                    id="pay_method_id_{{ $pay_method['id'] }}"  
                                                    value="{{ $pay_method['id'] }}" 
                                                    {{ $checked }}
                                                >
                                                <label for="pay_method_id_{{ $pay_method['id'] }}">{{ $pay_method['name'] }}</label>
                                            </div>
                                        </fieldset>
                                    </li>
                                @endforeach
                            @endif
                        </ul>
                        @if ($errors->has('pay_method_id')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('pay_method_id') ]) 
                        @endif
                    </fieldset>
                            
                    <h6>貨運方式</h6>
                    <fieldset class="form-group">
                        <ul class="list-unstyled mb-0 ml-2" id="freights_list">
                            {{-- @if ($freight_methods->isNotEmpty())
                                @foreach ($freight_methods as $freight_method)
                                    @php
                                        $checked_id = old("freight_method_id", (isset($order) ? $order->freight_method_id : '1'));
                                        $checked = $freight_method['id'] == $checked_id ? 'checked' : '';
                                    @endphp
                                    <li class="d-inline-block mr-2 mb-1">
                                        <fieldset>
                                        <div class="radio">
                                            <input 
                                                class="calculate_total" 
                                                type="radio" 
                                                name="freight_method_id" 
                                                id="freight_method_id_{{ $freight_method['id'] }}" 
                                                value="{{ $freight_method['id'] }}"
                                                data-fee="{{ $freight_method['fee'] }}"
                                                {{ $checked }}
                                            >
                                            <label for="freight_method_id_{{ $freight_method['id'] }}">{{ $freight_method['name'] }}</label>
                                        </div>
                                        </fieldset>
                                    </li>
                                @endforeach
                            @endif --}}
                        </ul>
                        @if ($errors->has('activity_freight_id')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('activity_freight_id') ]) 
                        @endif
                    </fieldset>
                   
                    <h6 class="invoice-to">貨運單號</h6>
                    <fieldset class="form-group">
                        <input name="freight_code" id="freight_code" placeholder="貨運單號" class="form-control" type="text" value="{{ old('freight_code') }}">
                        @if ($errors->has('freight_code')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('freight_code') ]) 
                        @endif
                    </fieldset>

                    <h6 class="invoice-to">系統備註</h6>
                    <fieldset class="form-group">
                        <textarea class="form-control" name="remark" id="remark" cols="50" rows="5">{{ old('remark', (isset($order) ? $order->remark : '')) }}</textarea>
                        @if ($errors->has('remark')) 
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('remark') ]) 
                        @endif
                    </fieldset>


                    <h6 class="invoice-to">coupon</h6>
                    <fieldset class="form-group">

                        <div class="input-group">
                            <input class="form-control" id="coupon_code" name="coupon_code" placeholder="coupon code" type="text" value="{{ old('coupon_code') }}">
                            {{-- <div class="input-group-append">
                                <button type="button" class="btn btn-outline-danger" id="remove_coupon">x</button>
                            </div> --}}
                        </div>
                        <p class="text-notice">
                            ※ 離開游標後自動計算
                        </p>

                        @if ($errors->has('coupon_code'))
                            @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('coupon_code') ])
                        @endif
                    </fieldset>

                </div>
            </div>
            <hr>
        </div>
        <div class="card-body ">    
            
            <h6 class="invoice-to">購物車項目</h6>
            <div class="table-responsive" id="cart_table">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            <th class="text-center">圖片</th>
                            <th class="">名稱</th>
                            <th class="text-right">單價</th>
                            <th class="text-center">數量</th>
                            <th class="text-right">小計</th>
                            <th class="text-center">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="666" class="text-center">
                                無商品
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        
            @if ($errors->has('cart_items_json')) 
                @include('admin.panels.input-invalid-messages', [ 'messages' => $errors->get('cart_items_json') ]) 
            @endif
    
            <hr>
            <div class="cart-subtotal pt-50">
                <div class="row">
                    <div class="col-md-5 col-12">
                    </div>

                    <div class="col-lg-5 col-md-7 offset-lg-2 col-12">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex justify-content-between border-0 pb-0">
                                <span class="cart-subtotal-title">小計</span>
                                <h6 class="cart-subtotal-value mb-0">$
                                    <span class="cart_subtotal">
                                        0
                                    </span>    
                                </h6>
                            </li>
                            <li class="list-group-item d-flex justify-content-between border-0 pb-0">
                                <span class="cart-subtotal-title">運費<span id="free-freight-amount"></span></span>
                                <h6 class="cart-subtotal-value mb-0">$
                                    <span class="cart_freight">
                                        0
                                    </span> 
                                </h6>
                            </li>

                            <div id="discounts_block">
                                {{-- <li class="list-group-item d-flex justify-content-between border-0 pb-0">
                                    <span class="cart-subtotal-title">折扣</span>
                                    <h6 class="cart-subtotal-value mb-0">- $
                                        <span class="cart_discount">
                                            0
                                        </span>
                                    </h6>
                                </li>
                                <li class="list-group-item d-flex justify-content-between border-0 pb-0">
                                    <span class="cart-subtotal-title">折扣</span>
                                    <h6 class="cart-subtotal-value mb-0">- $
                                        <span class="cart_discount">
                                            0
                                        </span>
                                    </h6>
                                </li> --}}
                            </div>


                            <li class="list-group-item py-0 border-0 mt-25">
                                <hr>
                            </li>
                            <li class="list-group-item d-flex justify-content-between border-0 py-0">
                                <span class="cart-subtotal-title">總計</span>
                                <h6 class="cart-subtotal-value mb-0">$ 
                                    <span class="cart_total">
                                        0
                                    </span>
                                </h6>
                            </li>
                        </ul>

                        {{-- <div class="alert border-warning alert-dismissible mt-2" role="alert">
                            <div class="d-flex align-items-center">
                                <i class="bx bx-error-circle"></i>
                                <span>
                                    此為試算金額，實際金額以 
                                    <span class="" style="font-weight: bold;">
                                        檢視 <i class="bx bx-detail"></i>
                                    </span>                                    
                                    為主。
                                </span>
                            </div>
                        </div> --}}
                    </div>
                </div>
            </div>
        </div>

        <div class="card-footer">
            <div class="row justify-content-center">
                <button class="btn btn-primary mr-1 mb-1" type="button" id="submit">送出</button>
{{--                <button class="btn btn-primary mr-1 mb-1 store-and-keep" type="button" title="儲存後停留在此頁">僅儲存</button> --}}
                <button class="btn btn-light glow mr-1 mb-1" type="reset" data-force="1">Reset</button>
            </div>
        </div>

    </div>
</div>
@endsection