@extends('admin.layouts.contentLayoutMaster')

@section('title','訂單資料')

@section('vendor-styles')
<link rel="stylesheet" type="text/css" href="{{ asset('vendors/css/forms/select/select2.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('vendors/css/extensions/toastr.css') }}">
@endsection

@section('page-styles')

@endsection

@section('content')

@include('admin.order.tab.master')
<section id="basic-horizontal-layouts">
        <div class="col-md-10 col-12">
            <form class="form form-horizontal" method="POST" id="main_form">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title"></h4>
                    </div>
                    <div class="card-content">
                        <div class="card-content">
                            <div class="card-body">
                                <!-- 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"> {{ $order->activity->name }} </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"> {{ $order->administrator->name }} </h6>
                                    </div>
                                </div>
                                <hr>
                                <div class="row my-2 py-50 ">
                                    <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>

                                    {{-- 玉山信用卡 --}}
                                    @if ($order->pay_method_id == 1)
                                        <div class="col-sm-3 col-6 order-2 order-sm-1">
                                            <h5 class="text-primary">玉山交易序號</h5>
                                            <h6 class="mr-75">{{ $order->payment->code }}</h6>
                                        </div>
                                    @endif

                                    {{-- 發票號碼 --}}
                                    @if (!empty($order->invoice->code))
                                        <div class="col-sm-3 col-6 order-2 order-sm-1">
                                            <h5 class="text-primary">發票號碼</h5>
                                            <h6 class="mr-75"> {{ $order->invoice->code }} </h6>
                                        </div>
                                    @endif

                                    {{-- 貨運單號 --}}
                                    @if (!empty($order->freight_code))
                                        <div class="col-sm-3 col-6 order-2 order-sm-1">
                                            <h5 class="text-primary">貨運單號</h5>
                                            <h6 class="mr-75"> {{ $order->freight_code }} </h6>
                                        </div>
                                    @endif

                                </div>

                                <div class="row my-2 py-50">

                                    {{-- 訂單狀態 --}}
                                    <div class="col-sm-2 col-6 order-2 order-sm-1">
                                        <h5 class="text-primary">訂單狀態</h5>
                                        <h6 class="mr-75">{{ $order->order_status_label }}</h6>
                                    </div>

                                    {{-- 付款狀態 --}}
                                    <div class="col-sm-2 col-6 order-2 order-sm-1">
                                        <h5 class="text-primary">付款狀態</h5>
                                        <h6 class="mr-75">{{ $order->pay_status_label }}</h6>
                                    </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">
                                            <span class="pl-2">
                                                姓名 ： {{ $order->customer->name }}
                                            </span>

                                        </fieldset>
                                        <fieldset class="form-group">
                                            <span class="pl-2">
                                                信箱 ： {{ $order->customer->email }}
                                            </span>

                                        </fieldset>
                                        <fieldset class="form-group">
                                            <span class="pl-2">
                                                電話 ： {{ $order->customer->cellphone }}
                                            </span>
                                        </fieldset>
                                        <fieldset class="form-group">
                                            <span class="pl-2">
                                            住址 ： {{ $order->customer->full_address }}
                                            </span>
                                        </fieldset>


                                        {{-- <h6 class="invoice-to">備註</h6> --}}
                                        <fieldset class="form-group">
                                            <span class="pl-2">
                                                備註 ：
                                                {{ $order->customer->remark }}
                                            </span>
                                        </fieldset>

                                        {{-- 收件人 --}}
                                        <h6 class="invoice-to">收件人</h6>
                                        <fieldset class="form-group">
                                            <span class="pl-2">
                                                姓名 ： {{ $order->receiverOrCustomer->name }}
                                            </span>

                                        </fieldset>
                                        <fieldset class="form-group">
                                            <span class="pl-2">
                                                信箱 ： {{ $order->receiverOrCustomer->email }}
                                            </span>

                                        </fieldset>
                                        <fieldset class="form-group">
                                            <span class="pl-2">
                                                電話 ： {{ $order->receiverOrCustomer->cellphone }}
                                            </span>
                                        </fieldset>
                                        <fieldset class="form-group">
                                            <span class="pl-2">
                                            住址 ：
                                            {{ $order->receiverOrCustomer->full_address }}
                                            </span>
                                        </fieldset>

                                    </div>

                                    <div class="col-lg-6 col-md-12 mt-25">
                                        <h6 class="invoice-to">其他資訊</h6>
                                        <fieldset class="form-group">
                                            <span class="pl-2">
                                                發票類型：{{ config('invoice.invoice_type')[$order->invoice->invoice_type] }}
                                            </span>
                                        </fieldset>
                                        <fieldset class="form-group">
                                            <span class="pl-2">
                                                載具：{{ $order->invoice->personal_code }}
                                            </span>
                                        </fieldset>
                                        <fieldset class="form-group">
                                            <span class="pl-2">
                                                公司統編：{{ $order->invoice->company_number }}
                                            </span>
                                        </fieldset>
                                        <fieldset class="form-group">
                                            <span class="pl-2">
                                                公司抬頭：{{ $order->invoice->company_title }}
                                            </span>

                                        </fieldset>
                                        {{-- <h6 class="invoice-to">系統備註</h6>
                                        <fieldset class="form-group">
                                            <span class="pl-2">
                                                {{ $order->remark }}
                                            </span>
                                        </fieldset>     --}}

                                        <h6>貨運方式</h6>
                                        <fieldset class="form-group">
                                            <span class="pl-2">
                                                {{ $order->freight_name }}
                                                @if (!empty($order->freight_code))
                                                (<a href="{{ config('freight.tcatTraceLink') . $order->freight_code }}" target="_blank">
                                                    進度查詢
                                                </a>)

                                                @if ($order->shipped_at)
                                                    於 {{  optional($order->shipped_at)->format('Y-m-d H:i') }} 出貨
                                                @endif
                                            @endif
                                            </span>
                                        </fieldset>

                                        <h6>付款方式</h6>
                                        <fieldset class="form-group">
                                            <span class="pl-2">
                                                {{ config('order.pay_methods')[$order->pay_method_id]['name'] }}
                                                @if ($order->paid_at)
                                                    於 {{  optional($order->paid_at)->format('Y-m-d H:i') }} 付款
                                                @endif
                                            </span>
                                        </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>
                                            @if ($order->items->isNotEmpty())
                                                @foreach ($order->items as $item)
                                                <tr>
                                                    <td class="text-center">
                                                        <img src="{{ $item->product->image_path }}" alt="" style="width:50px;">
                                                    </td>
                                                    <td class="text-bold-500">
                                                        {{ $item->product_name }}
                                                        ({{ implode(',', $item->material_specifications_name) }})
                                                    </td>
                                                    <td class="text-right">
                                                        {{ number_format($item->price) }}
                                                    </td>

                                                    <td class="text-center ">
                                                        {{ $item->quantity}}
                                                        {{-- <input
                                                                class="form-control touchspin calculate_total cart_change_item_quantity"
                                                                name="cart_change_item_quantity"
                                                                size="2"
                                                                type="text"
                                                                value="${item.quantity}"> --}}
                                                    </td>
                                                    <td class="text-right cart_item_subtotal">
                                                        {{ number_format($item->subtotal) }}
                                                    </td>
                                                    {{-- <td class="text-center">
                                                        <a href="javascript:;" class="cart_remove_item calculate_total">
                                                            <i class="badge-circle badge-circle-light-danger bx bx-trash font-medium-1" title="刪除"></i>
                                                        </a>
                                                    </td> --}}
                                                </tr>

                                                @endforeach
                                            @endif

                                        </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">
                                                            {{ number_format($order->items_total) }}
                                                        </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">
                                                            {{ number_format($order->freight_fee) }}
                                                        </span>
                                                    </h6>
                                                </li>
                                                @foreach ($order->discounts as $discount)
                                                    @if ($discount->discount == 0)
                                                        @continue
                                                    @endif
                                                    <li class="list-group-item d-flex justify-content-between border-0 pb-0">
                                                        <span class="cart-subtotal-title">{{ $discount->name ?: '折扣' }}</span>
                                                        <h6 class="cart-subtotal-value mb-0">- $
                                                            <span class="cart_discount">
                                                                {{ number_format($discount->discount) }}
                                                            </span>
                                                        </h6>
                                                    </li>
                                                @endforeach

                                                <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 pb-0">
                                                    <span class="cart-subtotal-title">總折扣</span>
                                                    <h6 class="cart-subtotal-value mb-0">- $
                                                        <span class="cart_discount">
                                                            {{ number_format($order->discounts_total) }}
                                                        </span>
                                                    </h6>
                                                </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">
                                                            {{ number_format($order->total) }}
                                                        </span>
                                                    </h6>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>


                                    {{-- 付款資訊 --}}

                                    <hr>

                                    <div class="row invoice-info">
                                        <div class="col-lg-6 col-md-12 mt-25">
                                            <h6 class="invoice-to">付款資訊</h6>
                                        </div>
                                    </div>

                                    <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 ">
                                                            金額
                                                        </div>
                                                        <div class="col-md-7 text-right">
                                                        $ {{ number_format($order->total) }}
                                                        </div>

                                                        @if ($order->isUnpaid())

                                                            @if ($order->payment->expires_at >= Carbon\Carbon::now() && $order->pay_method_id == 1)
                                                                {{-- 玉山信用卡 --}}
                                                                <hr>
                                                                <div class="col-md-12">
                                                                    <a href="{{ Route('pay.esun.credit_card', $order->code) }}" target="_blank">
                                                                        <button
                                                                            type="button"
                                                                            class="btn btn-primary btn-block copy-url"
                                                                            data-url="{{ Route('pay.esun.credit_card', $order->code) }}"
                                                                        >前往付款</button>
                                                                    </a>
                                                                </div>

                                                            @elseif ($order->payment->expires_at >= Carbon\Carbon::now() &&  $order->pay_method_id == 2)
                                                                {{-- 玉山虛擬帳號 --}}

                                                                <div class="col-md-5">
                                                                    銀行名稱
                                                                </div>
                                                                <div class="col-md-7 text-right">
                                                                    {{ config('esun.bankCode') }} {{ config('esun.bankName') }}
                                                                </div>
                                                                <div class="col-md-5">
                                                                    分行名稱
                                                                </div>
                                                                <div class="col-md-7 text-right">
                                                                    {{ config('esun.branchCode') }} {{ config('esun.branchName') }}
                                                                </div>
                                                                <div class="col-md-5 ">
                                                                    匯款戶名
                                                                </div>
                                                                <div class="col-md-7 text-right">
                                                                    {{ config('esun.accountName') }}
                                                                </div>
                                                                <div class="col-md-5">
                                                                    匯款帳號
                                                                </div>
                                                                <div class="col-md-7 text-right">
                                                                    {{ $order->payment->account }}
                                                                </div>
                                                            @endif

                                                            <div class="col-md-5 pt-1">
                                                                付款期限
                                                            </div>
                                                            <div class="col-md-7 pt-1 text-right">
                                                                {{ $order->payment->expires_at }}
                                                            </div>

                                                        @else
                                                            <div class="col-md-5">
                                                                訂單狀態
                                                            </div>
                                                            <div class="col-md-7 text-right">
                                                                {{ config('order.order_status')[$order->order_status] }}
                                                                ({{ $order->pay_status_label  }})
                                                            </div>
                                                        @endif

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    {{-- 發票資訊 --}}
                                    <hr>
                                    <div class="row invoice-info">
                                        <div class="col-lg-6 col-md-12 mt-25">
                                            <h6 class="invoice-to">發票資訊</h6>
                                        </div>
                                    </div>
                                    <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">
                                                            {{ $order->invoice->code ?: '-' }}
                                                        </div>
                                                        @if (!empty($order->invoice->preview_link))
                                                            <div class="col-md-5 offset-md-1">
                                                                檢視發票
                                                            </div>
                                                            <div class="col-md-6 text-right">
                                                                <a href="{{ $order->invoice->preview_link }}" target="_blank">{{ $order->invoice->code ?: '-' }}</a>
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>
@endsection

@section('vendor-scripts')
<script src="{{ asset('vendors/js/forms/select/select2.full.min.js') }}"></script>
<script src="{{ asset('vendors/js/extensions/toastr.min.js') }}"></script>
<script src="{{ asset('plugins/tw-city-selector/tw-city-selector.min.js') }}"></script>
<script src="{{ asset('vendors/js/forms/spinner/jquery.bootstrap-touchspin.js') }}"></script>

{{-- validation --}}
<script src="{{ asset('/vendors/js/forms/validation/jquery.validate.min.js') }}"></script>
<script src="{{ asset('/vendors/js/forms/validation/jqBootstrapValidation.js') }}"></script>
@endsection

@section('page-scripts')
<script>
    const NumberFormat = new Intl.NumberFormat();
    $("#free-freight-amount").text("(滿額"+NumberFormat.format('{{ $order->freight->free_freight_amount}}')+"免運)").css("color","lightgray");
</script>
@endsection