@extends('layouts.default1400-page', ['title' => 'سبدخرید'])

@section('meta')
<link rel="stylesheet" type="text/css" href="/select2/css/select2.min.css">
<link rel="stylesheet" type="text/css" href="/select2/css/custom.css">

<link rel="stylesheet" type="text/css" href="/css/tooltip.css">
@stop

@section('content')
<form method="post" action="/cart">
    @csrf
    <div class="md:flex justify-between">

        <div class="md:w-3/4 flex-grow">

            <ul>

                @foreach($data["items"] as $item)

                <li class=" flex items-center m-4 ">
                    <img class="h-24" src="/img/product/thumbnail/{{ $item['image'] }}">
                    <div class="w-full">

                        <span>
                            <a href="/product/{{ $item['product_id'] }}/{{ $item['link'] }}">
                                {{ $item["title"] }}
                                {!! $item["options"] != "" ? "(" . $item["options"]
                                . ")" :"" !!}
                            </a>


                            <span class="product-installment-alert-{{ $item['product_id'] }} hidden">
                                <a href="#" class="tooltips text-red-500 font-bold px-2
                            cursor-help bg-gray-100 rounded-full">!
                                    <span>
                                        امکان خرید اعتباری / اقساطی برای این محصول وجود ندارد. مبلغ این کالا به صورت
                                        نقدی
                                        در پیش پرداخت شما لحاظ خواهد شد.
                                    </span>
                                </a>
                            </span>

                            {!! $item["limit_msg"] != "" ? "<br />" . $item["limit_msg"] :"" !!}
                        </span>

                        <div class="md:flex justify-between m-2">

                            <span>
                                {{ $item["amount"] }}
                                @if($item["showprice"]== "1" && $item["amount"] != "ناموجود"
                                && $item["freeSample"] != true)
                                <span>تومان</span>
                                @endif
                            </span>

                            {{-- <span>
                                @if( $item["amount"] == "ناموجود")
                                <span id="rowPrice{{ $item['id'] }}">ناموجود</span>
                                <span class="woocommerce-Price-currencySymbol"></span>
                                @else
                                @if($item["showprice"]== "1")
                                <span id="rowPrice{{ $item['id'] }}">{{ $item["amount_num"] }}</span>

                                <span class="woocommerce-Price-currencySymbol">تومان</span>

                                @endif
                                @endif
                            </span> --}}

                            <div class="flex items-center ">
                                <div class="flex justify-center w-24 py-1 items-center">
                                    @if($item["freeSample"] == true)
                                    {{ $item["num"] }}
                                    @else
                                    <select class="border rounded-full quantity-input-1" data-id="{{ $item['id'] }}"
                                        name="num[{{ $item['id'] }}]">
                                        @for($i = $item["min_order"]; $i <= $item["max_order"]; $i++) <option {{
                                            $item["num"]==$i ? 'selected="selected"' : '' }} value="{{ $i }}">{{ $i }}
                                            </option>
                                            @endfor
                                    </select>
                                    @endif

                                    {{-- <a href="#" class="remove"> <img class="h-4 px-1 " src="svgs/plus.svg"></a>
                                    <span class=" px-2"> 1</span>
                                    <a href="#" class="remove"> <img class="h-4 px-1 " src="svgs/minus.svg"></a> --}}
                                </div>

                                <a href="/cart/delete/{{ $item['id'] }}" class="px-4">
                                    <img class="h-5 px-1 " src="/svgs-new1400/circle-xmark.svg">
                                </a>
                            </div>
                        </div>
                    </div>
                </li>
                @endforeach
            </ul>



            <div>
                @if($data["showPrice"] != 1)
                <div class="text-blue-500 text-sm">
                    <p> به دلیل وجود محصولی با وضعیت استعلام آنلاین، ابتدا قیمت
                        سبد را استعلام فرمائید.</p>
                    <p>در صورتی که محصول یا محصولات دیگری هم جهت استعلام مد نظر
                        شماست، لطفا ابتدا آنها را نیز به سبد خرید اضافه و سپس
                        استعلام خود را نهایی نمایید.</p>
                </div>
                @endif

                <div id="tr_product_itemcount_err"
                    class="text-red-600 {{ $product_itemcount_err == '' ? 'hidden' : '' }}">
                    <span>
                        موجودی کالاهای
                        «{{ $product_itemcount_err }}»
                        کمتر از میزان درخواستی شماست!
                    </span>
                </div>
                <div id="tr_blacklist_err" class="text-red-600 {{ $blacklist_err == '' ? 'hidden' : '' }}">
                    <span>{{ $blacklist_err }}</span>
                </div>

                <div id="tr_group_limitation_error"
                    class="text-red-600 {{ $group_limitation_error == '' ? 'hidden' : '' }}">
                    <span>{{ $group_limitation_error }}</span>
                </div>

            </div>

        </div>

        <div class="grid md:w-1/4 bg-blue-100 rounded-md content-start ">

            <div>
                @if(count($freeSampleProductList) != 0 && $includedDiscountProductInList == false)

                <div class="m-4 p-2 bg-purple-300 text-sm grid rounded-md content-start">
                    @if($isSelectedFreeSample == false)

                    <p class="mb-4">
                        تبریک! شما <strong>{{ ceil($freeSampleMaxRate) }}</strong> امتیاز برای دریافت هدیه دارید. لطفا
                        برای انتخاب و دریافت هدایا
                        کلیک نمایید!
                    </p>

                    <button type="button" class="btn btn-accent" id="freesample-modal">
                        <span><img class="h-5 px-3" src="/svgs-new1400/gifts-white.svg">
                        </span>
                        مشاهده و انتخاب هدایا
                    </button>
                    @else
                    <p>
                        شما هدیه خرید خود را انتخاب کرده‌اید!
                    </p>
                    <p>
                        <small>
                            توجه: در صورت تغییر در تعداد کالاهای سبد خرید باید مجدد هدیه خود را انتخاب نمایید.
                        </small>
                    </p>
                    @endif

                </div>




                @endif

                @can('user-installment-show-option')
                @can('user-installment')
                @if(count($installmentMonths) > 0)
                <div class="cart_totals dvcart-installmnet px-4 pt-2">

                    <div>
                        <input type="checkbox" name="chkinstallment" id="chkinstallment" {{ $installment_id !=0
                            ? 'checked' : '' }} value="true">
                        <label for="chkinstallment" class="text-[9px] font-bold">
                            پرداخت اعتباری / اقساطی
                        </label>

                        <div id="dvinstallment" class="mt-1">
                            <select name="installment-months" id="installment-months" class="w-full">
                                <option {{ $installment_id==0 ? 'selected' : '' }} value="0">
                                    انتخاب کنید...</option>
                                @foreach ($installmentMonths as $im_key => $im_item)
                                <option
                                    style="{{ $im_item['nc'] == true || $im_item['ml'] != '' ? 'color: #c0c0c0;' : '' }}"
                                    {{ $installment_id==$im_key ? 'selected' : '' }} value="{{ $im_key }}">
                                    {{ $im_item['t'] }}
                                    {{ $im_item['nc'] == true ? ' (تمدید قرارداد) ' : '' }}
                                    {{ $im_item['ml'] != '' && $im_item['nc'] == false ? ' (' . $im_item['ml'] . ') ' :
                                    '' }}
                                </option>
                                @endforeach
                            </select>

                            <div id="dvinstallmentSummery" style="margin-top: 10px;">

                            </div>
                        </div>

                    </div>
                </div>
                @endif
                @endcan
                @endcan
            </div>

            <div class="m-4">
                <img class="float-right h-4 px-2" src="/svgs-new1400/circle-info-blue.svg">
                <p class="clear-none text-justify text-[8.5px]">
                    هزینه ارسال براساس آدرس، وزن و روش ارسال انتخابی شما در مرحله بعد محاسبه می‌شود.
                </p>
            </div>

            <div class="text-center border-t-2 border-gray-600 m-4 py-3">

                <span class="whitespace-nowrap"> مجموع سبد خرید</span>

                <span class="font-medium amount">

                    <span id="totalPrice">{{ number_format( $data["total"]) }}</span>
                    <span>تومان</span>
                    @if($data["showPrice"] == 1)
                    @else
                    <br>
                    <span>+ استعلام قیمت</span>
                    @endif
                </span>

            </div>


            @if($data["showPrice"] == 1)
            @if($data["availability"]==true)
            <a class="text-center py-2 px-5 mx-4 rounded-lg text-white text-sm mb-4 {{ ($product_itemcount_err == '' && $group_limitation_error == '' && $blacklist_err == '' )  ? 'bg-blue-500' : 'bg-gray-500 isDisabled' }}"
                id="checkout-button" href="{{ $data['limited'] ? '' : $nextPage }}">
                تایید و ادامه خرید
            </a>
            @else
            <a class="text-center bg-gray-500 py-2 px-5 mx-4 rounded-lg text-white text-sm mb-4 isDisabled">ناموجود</a>
            @endif
            @else
            <a class="text-center py-2 px-5 mx-4 rounded-lg text-white text-sm mb-4 {{ ($product_itemcount_err == '' && $group_limitation_error == '' && $blacklist_err == '' )  ? 'bg-blue-500' : 'bg-gray-500 isDisabled' }}"
                id="checkout-button" href="{{ $data['limited'] ? '' : $nextPage }}">
                تایید و ادامه خرید
            </a>

            @endif

        </div>

    </div>
</form>


{{-- @if(isset($related_products) && is_array($related_products) && count($related_products)!=0)
@include('particles.home.related-products-section')
@endif
--}}

@if( $isGovernmentCurrency==true)
<x-newlayout.carts.government-model />
@endif

@if($isPaymentCredit==true)
<x-newlayout.carts.paymentcredit-model />
@endif

<x-newlayout.carts.freesample-model :freeSampleMaxRate="$freeSampleMaxRate"
    :freeSampleProductList="$freeSampleProductList" />

<x-newlayout.carts.installment-model />

@stop

@section('scripts')

<script>
    var fsMaxR = {{ $freeSampleMaxRate }};
    var total = {{ $data["total"] }};
    var installmentMonths = {!! json_encode($installmentMonths) !!};
    var ima = {{ $installment_max_amount }}; 
    var require_upgrade = {{ $require_upgrade_user_level ? 'true' : 'false' }}; 
    var is_gc = {{ $isGovernmentCurrency == true ? 'true' : 'false' }}; 
    var is_pc = {{ $isPaymentCredit == true ? 'true' : 'false'  }}; 
    var nextData = null;

    @cannot('user-cart-gc')
    var canUserCartGC = true;
    @else
    var canUserCartGC = false;
    @endcannot 
    @cannot('user-cart-pc')
    var canUserCartPC = true;
    @else
    var canUserCartPC = false;
    @endcannot
    
</script>

<script src="/js/cart.js?v=1.20" type="text/javascript"></script>

@if($redirect == 'shipping')
<script>
    window.location.href = "{{ ( $showPrice == 1 ? $nextPage : '/inquiry-request' ) }}";
</script>
@endif
@stop