@extends('home.layouts.index')

@section('title')
    تایید سفارش
@endsection

@section('description')

@endsection

@section('keywords')

@endsection

@section('style')
<style>
    td:has(span),
    td,
    td:has(a){
        vertical-align:middle;
    }
</style>

@endsection

@section('script')
    <script>
        // var elementPosition = $('.fixed-scroll').offset().top;
        // var heightScroll = $('.height-scroll').height();


        // $(window).scroll(function () {
        //     if ($(window).scrollTop() > elementPosition) {
        //         console.log(heightScroll);
        //         $('.fixed-scroll').css('position', 'sticky').css('top', 46);
        //         $('.fixed-scroll-2').css('position', 'sticky').css('top', heightScroll + 38);

        //     } else {

        //         $('.fixed-scroll').css('position', 'static');
        //     }
        // });

        function WalletUsage() {
            let use_wallet = 0;
            if ($('#wallet_input').is(':checked')) {
                use_wallet = $('#wallet_input').val();
            }
            $.ajax({
                url: "{{ route('home.checkout.WalletUsage') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    use_wallet: use_wallet,
                },
                method: "post",
                dataType: "json",
                beforeSend: function () {

                },
                success: function (msg) {
                    if (msg[0] == 1) {
                        $('#summery_cart').html(msg[1]);
                    }
                }
            })
        }

        $('#paymentBtn').click(function () {
            check_limit_order();
        })

        function check_limit_order() {
            $.ajax({
                url: "{{ route('home.checkout.check_limit') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                },
                method: "post",
                dataType: "json",
                beforeSend: function () {

                },
                success: function (msg) {
                    console.log(msg)
                    let status = msg['status'];
                    if (status == 0) {
                        return false;
                        swal({
                            title: 'دقت کنید',
                            icon: 'warning',
                            text: msg['message'],
                        });
                        setTimeout(function () {
                            window.location.href = msg['redirect'];
                        }, 3000);
                    }
                    if (status == 1) {
                        check_national_code();
                    }
                }
            })
        }

        function check_national_code() {
            let national_code_modal = $('#national_code_modal');
            $.ajax({
                url: "{{ route('home.checkout.check_national_code') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    user_id: "{{ $address->User->id }}",
                },
                method: "post",
                dataType: "json",
                beforeSend: function () {

                },
                success: function (msg) {
                    let status = msg['status'];
                    if (status == 0) {
                        swal({
                            title: 'دقت کنید',
                            icon: 'warning',
                            text: msg['message'],
                        });
                        setTimeout(function () {
                            window.location.href = msg['redirect'];
                        }, 3000);
                    }
                    if (status == 2) {
                        national_code_modal.modal('show');
                    }
                    if (status == 1) {
                        check_sale_for_legal();
                    }
                }
            })
        }

        function check_sale_for_legal() {
            let description = $('.order-description').val();
            $.ajax({
                url: "{{ route('home.checkout.check_sale_for_legal') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    user_id: "{{ $address->User->id }}",
                    description: description,
                },
                method: "post",
                dataType: "json",
                beforeSend: function () {

                },
                success: function (msg) {
                    let status = msg['status'];
                    if (status === 0) {
                        swal({
                            title: 'دقت کنید',
                            icon: 'warning',
                            text: msg['message'],
                            buttons: 'متوجه شدم'
                        });
                    }
                    if (status === 1) {
                        $('#payment_form').submit();
                    }
                }
            })
        }

        $(document).ready(function () {
            let use_wallet = "{{ session()->get('use_wallet') }}";
            if (use_wallet == 1) {
                WalletUsage()
            }
            change_payment_btn();
        })

        function change_payment_btn() {
            let payment = $("input[name='payment_method']:checked").val();
            $('#paymentBtn').text('پرداخت');
            if (payment == 3) {
                $('#paymentBtn').text('مشاهده پیش فاکتور');
            }
            if (payment == 9) {
                $('#paymentBtn').text('مشاهده اطلاعات پرداخت');
            }
        }

        function add_national_code() {
            let national_code = $('#national_code').val();
            $.ajax({
                url: "{{ route('home.checkout.add_national_code') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    national_code: national_code,
                    user_id: "{{ $address->User->id }}",
                },
                method: "post",
                dataType: "json",
                beforeSend: function () {

                },
                success: function (msg) {
                    if (msg[0] == 1) {
                        let national_code_modal = $('#national_code_modal');
                        national_code_modal.modal('hide');
                        swal({
                            title: 'با تشکر',
                            icon: 'success',
                            text: 'کد ملی شما با موفقیت ثبت شد',
                        });
                        $('#paymentBtn').trigger('click');

                    }
                },
                error: function (response) {
                    $.each(response.responseJSON.errors, function (i, v) {
                        let p = `<p class="input-error-validation">${v[0]}</p>`;
                        $('#national_code_error').html(p);
                    })
                }
            })
        }


    </script>
@endsection

@section('content')

    <div class="content">
        <div class="container-fluid">

            <div class="payment_navigtions">
                <div class="checkout-headers cart">
                    <ul>
                        <li class="nav">
                            <a href="">
                                <i class="bi bi-cart"></i>
                                <p>سبد خرید</p>
                            </a>
                        </li>
                        <li class="nav ">
                            <a href="">
                                <i class="bi bi-truck"></i>
                                <p>انتخاب آدرس و زمان ارسال</p>
                            </a>
                        </li>
                        <li class="nav active">
                            <i class="bi bi-card-list"></i>
                            <p>پرداخت</p>
                        </li>
                    </ul>
                </div>

            </div>

        </div>
   <div class="container-fluid">
            <div class="cart-product">
                <div class="row gy-4">
                    <div class="col-lg-9 mb-5">
                        <div class="table-responsive">
                                    <table class="table table-striped position-relative">
                                        <thead class="cart-thead">
                                        <tr>
                                            <th class="min-width-200"><span>تصویر</span></th>
                                            <th class="min-width-200"><span>محصول</span></th>
                           
                                            <th><span>قیمت واحد</span></th>
                                         
                                            <th><span>تعداد</span></th>
                                            <th><span>قیمت کل</span></th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($carts as $cart)
                                            <tr>
                                                <td>
                                                    <div class="p-relative">
                                                        <a href="{{ route('home.product',['alias'=>$cart->Product->alias]) }}">
                                                            <figure>
                                                                <img
                                                                    src="{{ imageExist(env('PRODUCT_IMAGES_UPLOAD_PATH'),$cart->Product->primary_image) }}"
                                                                    alt="product"
                                                                    width="100" height="100">
                                                            </figure>
                                                        </a>
                                                    </div>
                                                </td>
                                                <td >
                                                    <a href="{{ route('home.product',['alias'=>$cart->Product->alias]) }}">
                                                        {{ $cart->Product->name }}
                                                       
                                                        {{ isset($cart->AttributeValues->name) ?' <br>'. $cart->AttributeValues->name : '' }}
                                                        {{ isset($cart->Color->name) ?'<br>'. $cart->Color->name : '' }}
                                                    </a>
                                                </td>
                                      
                                                <td>
                                        <span class="amount">
                                            {{ persianToEnglishNumbers(number_format(product_price_for_user_normal($cart->product_id,$cart->product_attr_variation_id)[2])) }} تومان
                                            @if(product_price_for_user_normal($cart->product_id,$cart->product_attr_variation_id)[1]!=0)
                                                <br>
                                                <span class="input-error-validation">
                                               تخفیف {{persianToEnglishNumbers(number_format(product_price_for_user_normal($cart->product_id,$cart->product_attr_variation_id)[1])) }}%
                                            </span>
                                            @endif
                                                                                            @if($cart->option_ids!=null)

                                                @foreach($cart->option_ids as $option)
                                                    @if(isset(\App\Models\ProductOption::where('id', $option)->first()->price))