@extends('frontend::layouts.master')
@section('title')

@section('style')

@endsection

@section('content')

    <main>
        <div class="full-y-starter">
            <div class="container">
                <div class="-mt-3">
                    <h5 class="font-medium hr-space">@lang('frontend.frnd_92') </h5>
                    <form class="lg:space-y-4 xl:space-y-12 flex flex-col lg:flex-row pt-3 pt-xl-0" id="frm_tocheckout"
                        onsubmit="save_tocheckout('{{ mwz_route('frontend.checkout') }}'); return false;">
                        <div class="cart-table ps-0">
                            <div class="cart-row cart-title">
                                <div class="cart-item">@lang('frontend.product')</div>
                                <div class="cart-price">@lang('frontend.price')</div>
                                <div class="cart-quantity">@lang('frontend.quantity')</div>
                                <div class="cart-total">@lang('frontend.total')</div>
                                <div class="cart-action"></div>
                            </div>
                            <div id="item-cart-all"></div>
                        </div>
                        <div class="cart-summary">
                            <div class="smry-xl smry-space text-center bg-gray-lighter">@lang('frontend.frnd_93')</div>
                            <div class="smry-space">
                                <div class="smry-wrapper smry-old">

                                </div>
                                @if ($order_count <= 1)
                                    <div class="smry-wrapper">
                                        <div class="smry-sm font-medium" id="name_cupong">
                                            {{ !empty($data['coupon']['name']) ? $data['coupon']['name'] : '' }}</div>
                                        <div class="smry-sm">
                                            <button class="add2bag-btn butn-gray" id="sub_welcome"
                                                onclick="take_coupon_welcome('{{ !empty($data['coupon']['code']) ? $data['coupon']['code'] : '' }}')"
                                                type="button">@lang('frontend::lang.lang_title_115')</button>
                                        </div>
                                    </div>
                                @endif
                                <div class="smry-wrapper mb-0">
                                    <div class="smry-sm font-medium">@lang('frontend.frnd_66')</div>
                                    <div class="smry-sm"></div>
                                </div>
                                <div class="smry-wrapper">
                                    <div class="smry-sm form-wrapper pr-3">
                                        <input class="form-style border border-gray" id="coupon" type="text"
                                            name="coupon" />
                                        <span id="coupon-alert" class="text-danger"
                                            style="font-size: 12px; display: none;">@lang('frontend.frnd_94')</span>
                                    </div>
                                    <div class="smry-sm">
                                        <button class="add2bag-btn butn-gray" id="sub_coupon"
                                            onclick="save_coupon({{ $order_count }})"
                                            type="button">@lang('frontend.frnd_95')</button>
                                    </div>
                                </div>
                                <div class="alert alert-danger" style="padding: 3px 3px; display: none" role="alert">
                                </div>
                                <div class="alert alert-success" style="padding: 3px 3px; display: none" role="alert">
                                </div>
                                <hr class="my-8" />
                                <div class="smry-detail">

                                </div>
                            </div>
                            <div class="smry-space">
                                <div class="smry-wrapper">
                                    <button class="butn-submit add2bag-btn w-100" type="submit">@lang('frontend.confirm_order')</button>
                                </div>
                            </div>
                            <div class="text-editor pb-4">
                                {!! $freebies['description'] ?? '' !!}
                                {{-- <div class="p-2 p-lg-3 text-center">
                                    {!! !empty($text['detail_1'])?$text['detail_1']:'' !!} --}}
                                {{-- <img class="mx-auto" src="{{ Module::asset('frontend:img/cart-summary-detail1.png') }}" alt="" /> --}}
                                {{-- </div> --}}
                                {{-- {!! !empty($text['detail_2'])?$text['detail_2']:'' !!} --}}
                                {{-- <img class="mx-auto" src="{{ Module::asset('frontend:img/cart-summary-detail2.png') }}" alt="" /> --}}
                                {{-- </div> --}}
                            </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="engraving-modal modal fade" id="engravingModal" tabindex="-1" role="dialog"
            aria-labelledby="engravingModalTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-body" id="engravingContent">

                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="successModal" tabindex="-1" aria-labelledby="successModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-body space-y-6 py-12 text-center">
                        <div class="text-2xl mb-4" id="msg-alert">@lang('frontend.success_shipped')</div>
                        <div class="widsod200 mx-auto">
                            <input class="butn-submit add2bag-btn py-2" type="submit" value="ยืนยัน"
                                data-bs-dismiss="modal" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <input type="hidden" id="order_item_id" value="">
@endsection

@section('script')
    <script>
        smryDetail = function() {
            let url_webpage = $('#url_webpage').val();

            $.ajax({
                url: url_webpage + locale_lang() + "cart/sumry-detail",
                type: "GET",
                data: {
                    order_id: '{{ $order->id ?? '' }}',
                },
                success: function success(resp) {
                    const array = resp.split('|~|')
                    $('.smry-detail').html(array[1])
                    $('.smry-old').html(array[0])
                }
            });
        }

        getCartAll = function() {
            let url_webpage = $('#url_webpage').val();

            $.ajax({
                url: url_webpage + locale_lang() + "cart/get-cartall",
                type: "GET",
                data: {
                    order_id: '{{ $order->id ?? '' }}',
                },
                success: function success(resp) {
                    const data = resp.split('|~|')
                    $('#item-cart-all').html(data[0])
                    $('#shoppingbag-1').html(data[1])
                }
            });
        }
        $('#item-cart-all').html($('#icon-loading2').val())
    </script>
    <script>
        
    </script>
    <script src="{{ asset('assets/custom/js/cart.js') }}"></script>
@endsection