@extends('index')

@section('content')
    <section>
        <div class="container">
            <ul class="d-flex my-5 color_808080">
                <li>{{__('custom.購物車')}}</li>
                <li class="px-4">|</li>
                <li><{{__('custom.填寫資料')}}/li>
                <li class="px-4">|</li>
                <li>{{__('custom.確認訂單')}}</li>
            </ul>

            <div class="MemberSettingsBox">
                <h1 class="Title d-none d-lg-block">{{__('custom.確認訂單')}}</h1>
                <div class="MemberSettingsContent">
                    <div class="CartStepBox mb-5">
                        <div class="Item active">
                            <div>1</div>
                            <p>{{__('custom.購物車')}}</p>
                        </div>
                        <div class="Line active"></div>
                        <div class="Item active">
                            <div>2</div>
                            <p>{{__('custom.填寫資料')}}</p>
                        </div>
                        <div class="Line active"></div>
                        <div class="Item active">
                            <div>3</div>
                            <p>{{__('custom.確認訂單')}}</p>
                        </div>
                    </div>

                    <h2 class="ConfirmOrderTitle d-block d-lg-none">{{__('custom.確認訂單')}}</h2>

                    <div class="OrderContent">
                        <div class="d-none d-lg-block">
                            <div class="Item">
                                <div class="Item01 d-flex align-items-center">
                                    <div class="Item01_1">{{__('custom.商品資料')}}</div>
                                </div>
                                <div class="Item02 SerifFonts">{{__('custom.單價')}}</div>
                                <div class="Item03 SerifFonts">{{__('custom.數量')}}</div>
                        </div>
                        </div>
                        @if (count($checkoutCartListData) > 0 && count($checkoutCartListData['checkoutData']) > 0 && count($checkoutCartListData['products']) > 0)
                            @foreach ($checkoutCartListData['products'] as $productInfo)
                                @if (isset($checkoutCartListData['checkoutData'][$productInfo['product_id']]))
                                    <div class="Item">
                                        <div class="Item01 d-flex align-items-center">
                                            <div class="Item01_1"><img style="width: 230px;" class="img-fluid" src="{{'https://changshun.nouveau0713.com/uploadimages/products/'.$productInfo['product_id'].'/'.str_replace('.', '_t.',$productInfo['product_photo'])}}" alt="{{$productInfo['product_name']}}"></div>
                                            <div class="Item01_2 ms-3 ms-lg-5 SerifFonts">{{$productInfo['product_name']}}<span class="d-lg-none">({{$productInfo['product_qty']}})</span></div>
                                        </div>
                                        <div class="Item02 SerifFonts">$NT. {{number_format($productInfo['product_price'])}}</div>
                                        <div class="Item03 SerifFonts d-none d-lg-block">{{$productInfo['product_qty']}}</div>
                                    </div>
                                @endif
                            @endforeach
                        @endif
                        @foreach ($checkoutCartListData['gifts'] as $giftInfo)
                            <div class="Item">
                                <div class="Item01 d-flex align-items-center">
                                    <div class="Item01_1 text-center"><img style="width: 180px;" class="img-fluid" src="{{'https://changshun.nouveau0713.com/uploadimages/gifts/'.$giftInfo['gift_id'].'/'.str_replace('.', '_t.',$giftInfo['gift_photo'])}}" alt=""></div>
                                    <div class="Item01_2 ms-3 ms-lg-5 SerifFonts">{{$giftInfo['gift_name']}}<span class="d-lg-none">(1)</span></div>
                                </div>
                                <div class="Item02 SerifFonts">$NT. 0</div>
                                <div class="Item03 SerifFonts d-none d-lg-block">1</div>
                            </div>
                        @endforeach
                    </div>
                    <div class="row">
                        <div class="col-12 mt-5">
                            <h2 class="ConfirmOrderTitle">{{__('custom.訂單小計')}}</h2>
                            <p class="color_959595 SerifFonts">{{__('custom.結帳金額')}}</p>
                            <table class="table table-borderless tablePadding">
                                <tbody>
                                    <tr>
                                        <td>{{__('custom.小計')}}</td>
                                        <td class="text-end fz_28">NT$ {{number_format($checkoutCartListData['total_detail']['product_total_price'])}}</td>
                                    </tr>
                                    <tr class="color_77832A">
                                        <td>{{__('custom.優惠碼折扣')}}</td>
                                        <td class="text-end">- NT ${{number_format($checkoutCartListData['total_detail']['coupon_price'])}}</td>
                                    </tr>
                                    <tr class="color_77832A">
                                        <td>{{__('custom.優惠活動折扣')}}</td>
                                        <td class="text-end">- NT ${{number_format($checkoutCartListData['total_detail']['preferential_price'])}}</td>
                                    </tr>
{{--                                    <tr class="color_77832A">--}}
{{--                                        <td>紅利折扣</td>--}}
{{--                                        <td class="text-end">- NT $1,240</td>--}}
{{--                                    </tr>--}}
                                    <tr>
                                        <td>{{__('custom.運費')}}</td>
                                        <td class="text-end color_77832A">{{number_format($checkoutCartListData['total_detail']['freight_price']) ?: __('custom.免運')}}</td>
                                    </tr>
                                    <tr class="TotalBox">
                                        <td class="pt-4">{{__('custom.合計')}}</td>
                                        <td class="pt-4 text-end fz_32">NT$ {{number_format($checkoutCartListData['total_detail']['total_price'])}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="col-lg-6 pe-lg-4">
                            <h2 class="ConfirmOrderTitle">{{__('custom.訂單資料')}}</h2>
                            <table class="table table-borderless tablePadding">
                                <tbody>
                                    <tr>
                                        <td class="color_959595">{{__('custom.姓名')}}</td>
                                        <td class="text-end">
                                            {{$orderConfirmData['purchase_name']}}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="color_959595">{{__('custom.行動電話')}}</td>
                                        <td class="text-end">{{$orderConfirmData['purchase_phone']}}</td>
                                    </tr>
                                    <tr>
                                        <td class="color_959595">{{__('custom.市話')}}</td>
                                        <td class="text-end">{{$orderConfirmData['purchase_tel']}}</td>
                                    </tr>
                                    <tr>
                                        <td class="color_959595">{{__('custom.地址')}}</td>
                                        <td class="text-end">{{$orderConfirmData['purchase_city'] . $orderConfirmData['purchase_county'] . $orderConfirmData['purchase_address']}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="col-lg-6 ps-lg-4">
                            <h2 class="ConfirmOrderTitle">{{__('custom.收件人資料')}}</h2>
                            <table class="table table-borderless tablePadding">
                                <tbody>
                                    <tr>
                                        <td class="color_959595">{{__('custom.姓名')}}</td>
                                        <td class="text-end">{{$orderConfirmData['receive_name']}}</td>
                                    </tr>
                                    <tr>
                                        <td class="color_959595">{{__('custom.行動電話')}}</td>
                                        <td class="text-end">{{$orderConfirmData['receive_phone']}}</td>
                                    </tr>
                                    <tr>
                                        <td class="color_959595">{{__('custom.市話')}}</td>
                                        <td class="text-end">{{$orderConfirmData['receive_tel']}}</td>
                                    </tr>
                                    <tr>
                                        <td class="color_959595">{{__('custom.地址')}}</td>
                                        <td class="text-end">{{$orderConfirmData['receive_city'] . $orderConfirmData['receive_county'] . $orderConfirmData['receive_address']}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="col-lg-6 pe-lg-4">
                            <h2 class="ConfirmOrderTitle">{{__('custom.發票相關')}}</h2>
                            <table class="table table-borderless tablePadding">
                                <tbody>
                                    <tr>
                                        <td class="color_959595">{{__('custom.發票款式')}}</td>
                                        <td class="text-end">{{$orderConfirmData['invoice_type'] == 1 ? trans('checkout.duplicate') : trans('checkout.triplicate')}}</td>
                                    </tr>
                                    <tr>
                                        <td class="color_959595">{{__('custom.寄送方式')}}</td>
                                        <td class="text-end">
                                            {{$orderConfirmData['send_invoice_address'] == 'send_receive_address' ? trans('checkout.send_with_product') : $orderConfirmData['other_address']}}
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="col-lg-6 ps-lg-4 mb-5">
                            <h2 class="ConfirmOrderTitle">{{__('custom.付款方式')}}</h2>
                            <table class="table table-borderless tablePadding">
                                <tbody>
                                    <tr>
                                        <td class="color_959595">{{__('custom.付款方式')}}</td>
                                        <td class="text-end">{{trans('payment.'.$orderConfirmData['payment_mode'])}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="col-12">
                            <h2 class="ConfirmOrderTitle">{{__('custom.訂單備註')}}</h2>
                            <p class="color_959595 SerifFonts fz_20">{!! $orderConfirmData['order_remark'] !!}</p>
                        </div>
                        <div class="col-12 my-5">
                            <div class="text-end">
                                <a id="btnPreviousStep" class="btn_black btn_w" href="javascript:">{{__('custom.上一步')}}</a>
                                <a class="btn_black btn_w mt-4 mt-lg-0 ms-lg-4 btn_checkout" href="javascript:">{{__('custom.前往結帳')}}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <form id="checkout_form">
                @csrf
                @foreach($orderConfirmData as $name => $value)
                    <input type="hidden" name="{{$name}}" value="{{$value}}">
                @endforeach

                {{-- 2023-01-19 更新支付方 --}}
                @if (request()->input('isNewebpay') == 1)
                    <input type="hidden" name="isNewebpay" value="1">
                @endif
            </form>
        </div>
    </section>
@endsection

@section('javascript')
    <script>
        /*上一步*/
        $('#btnPreviousStep').on('click', function () {
            window.location.href = '/checkout?purchase_name={{$orderConfirmData['purchase_name']}}&purchase_phone={{$orderConfirmData['purchase_phone']}}&purchase_tel={{$orderConfirmData['purchase_tel']}}&purchase_city={{$orderConfirmData['purchase_city']}}&purchase_county={{$orderConfirmData['purchase_county']}}&purchase_postal_code={{$orderConfirmData['purchase_postal_code']}}&purchase_address={{$orderConfirmData['purchase_address']}}';
        });

        $('.btn_checkout').on('click', function () {
            var _this = $(this);
            _this.attr('disabled', true);
            _this.css("pointer-events", "none");
            _this.text('頁面跳轉中');

            $.ajax({
                type: 'POST',
                url: '{{url('create/order_data')}}',
                data: $('#checkout_form').serialize(),
                datatype: 'json',
                success: function (res) {
                    if (res.status) {
                        @if (request()->input('isNewebpay') == 1)
                            window.location.href = res.url + '?isNewebpay=1';
                        @else
                            window.location.href = res.url;
                        @endif
                    } else {
                        Swal.fire({
                            title:'提示',
                            type:'warning',
                            html:res.text,
                            confirmButtonText: '確定',
                            allowOutsideClick: false
                        });

                        _this.attr('disabled', false);
                        _this.css("pointer-events", "auto");
                        _this.text('前往結帳');
                    }
                },
                error: function () {
                    Swal.fire({
                        title: '錯誤',
                        type: 'error',
                        text: '發生錯誤，請再試一次',
                        confirmButtonText: '確定',
                        allowOutsideClick: false
                    }).then(() => {
                        window.location.reload();
                    });
                }
            });
        });
    </script>
@endsection