@section('payment-tab')
<li class="nav-item">
    <a aria-controls="payment" aria-selected="false" class="nav-link" data-toggle="tab" href="#payment_tab" id="payment-tab" role="tab">
        <i class="bx bx-coin align-middle"></i> <span class="align-middle">付款資訊</span>
    </a>
</li>
@endsection

@section('payment-content')
<div aria-labelledby="payment-tab" class="tab-pane" id="payment_tab" role="tabpanel">
    <div class="row" style="font-size:15px;">
        <div class="col-md-4 offset-md-4">
            <div class="card border-light">
                <div class="card-header">
                    <div class="d-flex justify-content-center">
                        <img alt="logo" height="46" src="{{asset('images/logo/logo.png')}}" >
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-5 offset-md-1">
                            金額
                        </div>
                        <div class="col-md-6 text-right">
                        $ {{ number_format($order->total) }}
                        </div>

                        @if ($order->isUnpaid())
                            @if (isset($order->pay_method_id) && $order->pay_method_id == 1 )
                                {{-- 玉山信用卡 --}}
                                <hr>
                            
                                <div class="col-md-12">
                                    <button
                                        type="button" 
                                        class="btn btn-primary btn-block copy-url" 
                                        data-url="{{ Route('pay.esun.credit_card', $order->code) }}"
                                    >複製刷卡連結</button>
                                </div>
                            


                            @elseif (isset($order->pay_method_id) && $order->pay_method_id == 2 )
                                {{-- 玉山虛擬帳號 --}}

                                <div class="col-md-5 offset-md-1">
                                    銀行名稱
                                </div>
                                <div class="col-md-6 text-right">
                                    {{ config('esun.bankCode') }} {{ config('esun.bankName') }}
                                </div>
                                <div class="col-md-5 offset-md-1">
                                    分行名稱
                                </div>
                                <div class="col-md-6 text-right">
                                    {{ config('esun.branchCode') }} {{ config('esun.branchName') }}
                                </div>
                                <div class="col-md-5 offset-md-1">
                                    匯款戶名
                                </div>
                                <div class="col-md-6 text-right">
                                    {{ config('esun.accountName') }}
                                </div>
                                <div class="col-md-5 offset-md-1">
                                    匯款帳號
                                </div>
                                <div class="col-md-6 text-right">
                                    {{ $order->payment->account }}
                                </div>
                            @endif
                        @elseif ($order->isPaid())
                            <div class="col-md-5 offset-md-1">
                                訂單狀態
                            </div>
                            <div class="col-md-6 text-right">
                                {{ config('order.order_status')[$order->order_status] }}
                                ({{ $order->pay_status_label  }})
                            </div>
                            
                            @if ($order->pay_method_id == 2)  
                                <div class="col-md-5 offset-md-1">
                                    匯款帳號
                                </div>
                                <div class="col-md-6 text-right">
                                    {{ $order->payment->account }}
                                </div>
                            @endif

                            <div class="col-md-5 offset-md-1">
                                付款時間
                            </div>
                            <div class="col-md-6 text-right">
                                {{ optional($order->paid_at)->format('Y-m-d H:i:s')}}
                            </div>

                        @endif

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection