@extends('frontend.layouts.contentLayoutMaster')
{{-- title --}}
@section('title','查看訂單')

@section('page-styles')
    <style>
        body {
            background: url(/images/pages/faq.png) repeat !important
        }
    </style>
@endsection

@section('content')
<section id="basic-horizontal-layouts">
    <div class="row match-height justify-content-center">
        <div class="col-md-8 col-sm-12">

            <div class="card" style="margin-top: 12vh;">

                <div class="card-content">

                    <div class="alert alert-dismissible m-0" role="alert" >
                        <div class="d-flex align-items-center">

                            <h4 style="color: #A33231;">
                                <i class='bx bxs-heart'></i> 感謝您的訂購
                            </h4>
                        </div>
                    </div>

                    <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>
                                <a href="{{ route("frontend.shopping", $order->activity_match->uuid) }}" target="_blank">
                                    <h6 class="show_activity_name mr-75 text-bold-500"> {{ $order->activity->name }} </h6>
                                </a>
                            </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> 
                                    <a href="{{ $order->invoice->preview_link ?? 'javascript:;' }}" target="_blank">
                                        <h6 class="mr-75"> {{ $order->invoice->code }} </h6>
                                    </a>
                                </div>
                            @endif
            
                            {{-- 貨運單號 --}}
                            @if (!empty($order->freight_code))
                                <div class="col-sm-3 col-6 order-2 order-sm-1">
                                    <h5 class="text-primary">貨運單號</h5> 
                                    <a href="{{ config('freight.tcatTraceLink') . $order->freight_code }}" target="_blank">
                                        <h6 class="mr-75"> {{ $order->freight_code }} </h6>    
                                    </a>
                                </div>
                            @endif
                            
                            {{-- 
                                <div class="col-sm-2 order-2 order-sm-1 d-none d-lg-block">
                                    <img alt="logo" height="46" src="{{asset('images/logo/logo.png')}}">
                                </div> 
                            --}}
            
                        </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>

                                <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>)
                                        @endif

                                        @if ($order->shipped_at)
                                            於 {{  optional($order->shipped_at)->format('Y-m-d H:i') }} 出貨
                                        @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 $key => $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>
                                            <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>


                            {{-- 發票資訊 --}}
                            @if ($order->invoice->invoice_status == 1)                                
                                <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>
                            @endif

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

@section('page-scripts')
<script>
    $('.app-content').css({
        'background': 'url(/images/faq.png?566bf0d…) repeat'
    });

    $('.navbar-brand').attr('href', '{{ route("frontend.shopping", $order->activity_match->uuid) }}')
</script>  

@endsection