@extends('site.layouts.master')
@section('title', 'سبد خرید')
@section('content')
<section class="page-header -type-1">
    <div class="container">
        <div class="page-header__content">
            <div class="row justify-center text-center">
                <div class="col-auto">
                    <div data-anim="slide-up delay-1">

                        <h1 class="page-header__title">سبد خرید</h1>

                    </div>

                    <div data-anim="slide-up delay-2">



                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="layout-pt-md layout-pb-lg chekout">
    <div class="container">
        <div class="row justify-end">
            <div class="col-12">
                <div class="px-30 pr-60 py-25 rounded-8 bg-light-6 md:d-none">
                    <div class="row justify-between">
                        <div class="col-md-4">
                            <div class="fw-500 text-purple-1 text-center">نام کالا</div>
                        </div>
                        <div class="col-md-2">
                            <div class="fw-500 text-purple-1 text-center">قیمت</div>
                        </div>
                        {{-- <div class="col-md-2">
                            <div class="fw-500 text-purple-1 text-center">تعداد</div>
                        </div> --}}
                        <div class="col-md-2">
                            <div class="fw-500 text-purple-1 text-center">جمع کل</div>
                        </div>
                        <div class="col-md-3">
                            <div class="fw-500 text-purple-1 text-center">اعمال تخفیف</div>
                        </div>
                        <div class="col-md-1">
                            <div class="d-flex justify-end">
                                <div class="fw-500 text-purple-1 text-center">حذف</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="px-30 pr-60 md:px-0">
                    @if ($cart)
                        @foreach ($cart->items as $item)
                            @php
                                $course = $item->course;
                            @endphp
                            <div class="row y-gap-20 justify-between items-center pt-30 pb-30 border-bottom-light">
                                <div class="col-md-4">
                                    <div class="d-flex items-center">
                                        <div class="">
                                            {{-- <div class="size-100 bg-image rounded-8 js-lazy"
                                                data-bg="{{ asset($course->cover) }}"></div> --}}
                                        </div>
                                        <div class="fw-500 text-dark-1 mr-30">{{ $course->name }}</div>
                                    </div>
                                </div>

                                <div class="col-md-2 md:mt-15">
                                    <div class="">
                                        <div class="shopCart-products__title d-none md:d-block mb-10">
                                            قیمت
                                        </div>
                                        <p>{{ $course->getPrice() }} تومان</p>
                                    </div>
                                </div>

                                {{-- <div class="col-md-2">
                                    <div class="">
                                        <div class="shopCart-products__title d-none md:d-block mb-10">
                                            تعداد
                                        </div>

                                        <div class="input-counter md:mt-20 js-input-counter">
                                            <input class='input-counter__counter' type="number" placeholder="value..."
                                                value='{{ $item->count }}' autocomplete="off" />

                                            <div class="input-counter__controls">
                                                <button class='input-counter__up js-down removeCart' data-cart="{{ $item->id }}">
                                                    <i class='icon' data-feather="minus"></i>
                                                </button>

                                                <button class='input-counter__down js-up addToCart' data-course="{{ $course->id }}">
                                                    <i class='icon' data-feather="plus"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div> --}}

                                <div class="col-md-2">
                                    <div class="">
                                        <div class="shopCart-products__title d-none md:d-block mb-10">
                                            جمع کل
                                        </div>

                                        <p>{{ number_format($item->count * $course->getPrice(false)) }} تومان</p>
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="d-flex justify-center">
                                        <form action="{{ route('useCoupon') }}" method="POST">
                                            @csrf
                                            @if ($item->used_coupon == 0)
                                                <div>
                                                    <input type="hidden" name="course"
                                                        value="{{ $item->course->id }}">
                                                    <input class="rounded-8 px-25 py-20 bg-light" type="text"
                                                        name="code" placeholder="کد تخفیف">
                                                </div>
                                                <button class="button w-100 -md -purple-3 text-purple-1"
                                                    type="submit">اعمال تخفیف</button>
                                            @else
                                                <p>کد تخفیف اعمال شده و قیمت نهایی این محصول : <span class="text-success">{{ number_format($item->amount) }} تومان</span></p>
                                            @endif
                                        </form>
                                    </div>
                                </div>

                                <div class="col-md-1">
                                    <div class="md:d-none d-flex justify-end removeCart" data-cart="{{ $item->id }}" style="cursor: pointer">
                                        <i class="fas fa-trash-alt text-danger "></i>

                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>

                <div class="shopCart-footer px-16 mt-30">
                    <div class="row justify-between y-gap-30">
                        {{-- <div class="col-xl-5">
                            <form action="{{ route('useCoupon') }}" method="POST">
                                @csrf
                                <div class="d-flex justify-between border-dark">
                                    <input class="rounded-8 px-25 py-20 bg-light" type="text" name="code" placeholder="کد تخفیف">
                                    <button class="button -md -purple-3 text-purple-1" type="submit">اعمال کد تخفیف</button>
                                </div>
                            </form>
                        </div> --}}

                        <div class="col-auto">
                            <div class="shopCart-footer__item">
                                <button class="button -md -purple-3 text-purple-1"
                                    onclick="window.location.reload()">بروزرسانی</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-5 layout-pt-lg">
                <div class="py-30 bg-light-4 rounded-8 border-light">
                    <h5 class="px-30 text-20 fw-500">
                        مبلغ صورت حساب
                    </h5>

                    <div class="d-flex justify-between px-30 item mt-25">
                        <div class="py-15 fw-500 text-dark-1">مبلغ</div>
                        @php
                            $price = 0;
                            if($cart){
                                $price = $cart->amount;
                            }
                        @endphp
                        <div class="py-15 fw-500 text-dark-1">{{ number_format($price) }} تومان</div>
                    </div>

                    <div class="d-flex justify-between px-30 item mt-25">
                        <div class="py-15 fw-500 text-dark-1">{{ setting('tax') }}% مالیات بر ارزش افزوده</div>
                        @php
                            $tax = 0;
                            if($cart){
                                $tax = calcPercent($cart->amount, setting('tax'), false, true) - $cart->amount;
                            }
                        @endphp
                        <div class="py-15 fw-500 text-dark-1">{{ number_format($tax) }} تومان</div>
                    </div>

                    <div class="d-flex justify-between px-30 item mt-25">
                        <div class="py-15 fw-500 text-dark-1">جمع کل</div>
                        @php
                            $amount = 0;
                            if($cart){
                                $amount = calcPercent($cart->amount, setting('tax'), true, true);
                            }
                        @endphp
                        <div class="py-15 fw-500 text-dark-1">{{ $amount }} تومان</div>
                    </div>
                </div>

                <form action="{{ route('pay') }}">
                    @csrf
                    <input type="hidden" name="amount" value="{{ $cart ? $cart->amount : 0 }}">
                    <input type="hidden" name="getway" value="bitpay">
                    <button type="submit"  class="button -md -purple-1 text-white col-12 mt-30">تسویه حساب</button>
                    {{-- <button type="submit" class="button -md -purple-1 text-white col-12 mt-30">تسویه حساب</button> --}}
                </form>
            </div>
        </div>
    </div>
</section>
@endsection