@section('invoice-tab')
<li class="nav-item">
    <a aria-controls="invoice" aria-selected="false" class="nav-link" data-toggle="tab" href="#invoice_tab" id="invoice-tab" role="tab">
        <i class="bx bx-barcode align-middle"></i> <span class="align-middle">發票資訊</span>
    </a>
</li>
@endsection

@section('invoice-content')
<div aria-labelledby="invoice-tab" class="tab-pane" id="invoice_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>

                        <div class="col-md-5 offset-md-1">
                            發票狀態
                        </div>
                        <div class="col-md-6 text-right invoice_code">
                            {{ config('invoice.invoice_status')[$order->invoice->invoice_status] }}
                        </div>

                        <div class="col-md-5 offset-md-1">
                            發票號碼
                        </div>
                        <div class="col-md-6 text-right invoice_code">
                            {{ $order->invoice->code ?? '-' }}
                        </div>

                        <div class="col-md-5 offset-md-1">
                            開立時間
                        </div>
                        <div class="col-md-6 text-right invoice_code">
                            {{ data_get($order, 'invoice.invoiceCreatedAt', '-') }}
                        </div>

                        @if ($order->invoice->can_append)
                            <div class="col-md-10 offset-md-1 pt-1">
                                <button
                                type="button" 
                                class="btn btn-primary btn-block append_order_invoice" 
                                data-url="{{ Route('pay.esun.credit_card', $order->code) }}"
                                >開立發票</button>
                            </div>
                        @endif
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection