@extends('front.front_layouts.main')

@section('content')

    @include('front.front_component.category_slider')

    <section class="cart-page top-section">
        <div class="container">
            <div class="header">
                <h2 class="title"><img class="lazyload ml-2 icon" data-src="{{asset('front_asset/assets/images/icons/shopping-cart.png')}}" alt="">سلة الطلب</h2>
                <div class="line ml-0"></div>
            </div>
            <div class="row">
                <x-front.supplier_box :supplier="$supplier"/>
            </div>
            <div class="d-flex justify-content-between align-items-center mb-4">
                {{--<h3 class="order-number">طلبية رقم 001</h3>--}}
                {{--<div class="order-date">تاريخ الطلب: <span>{{}}</span></div>--}}
            </div>

            <div class="table-responsive" id="cart_table">

               @forelse($carts as $cart)

                    @php
                           $product = \App\Models\Product::find($cart->options->product_id);
                          // dd($product->id);
                           $product_unit = \App\Models\ProductUnit::find($cart->options->unit_id);
                           $product_bounc = $product->product_bouns()
                           ->where('condition_quantity','<=',$cart->qty)
                           ->where('condition_product_unit_id',$cart->options->unit_id)->first();
                           $product_offer = $product->product_offer()->where('offer_end','>=' ,\Carbon\Carbon::now()->toDateString())
                           ->where('product_unit_id',$cart->options->unit_id)->first();
                           //dd($product_offer);
                           //add bounce array to cart
                           $cart->options['bounce']=$product_bounc?$product_bounc->toArray():[];
                           // bounce conditions
                         $bounce_conditions=  $cart->options['bounce']['condition_quantity'];
                         // bounce_num
                         $bounce_num=$cart->qty /$bounce_conditions;
                           $cart->options['bounce_num']=(int)$bounce_num;
                        // dd(\Cart::content(),$cart->qty,$bounce_conditions);
                      //  dd($cart,$product_bounc)
                    @endphp
                    @if($product_bounc)
                        <x-front.cart.bounc :product="$product" :bounc="$product_bounc" :cart="$cart"  :unit="$product_unit"/>
                    @elseif($product_offer)
                        <x-front.cart.offer :product="$product" :cart="$cart" :offer="$product_offer" :unit="$product_unit"/>
                    @else
                        <x-front.cart.normal :product="$product" :cart="$cart" :unit="$product_unit" />
                    @endif
                    @empty
                        <h1>لا يوجد منتجات في السلة</h1>
               @endforelse
            </div>

            <form class="form" id="save_order_form">
                @csrf
                <div class="row">
                    <div class="col-lg-8 col-xl-9">
                        <div class="col-12">
                            <p>ملاحظة: الأسعار شاملة التوصيل .</p>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-lg-4" >
                                    <label> موعد التسليم المقترح</label>
                                    <select  name="delivery_time" id="delivery_time" onchange="getDateOnDeliveryMethod(this)"  class="form-control">
                                            <option selected value="">إختر موعد التسليم </option>
                                            <option value="خلال 3 أيام">خلال 3 أيام</option>
                                            <option value="خلال 7 أيام">خلال 7 أيام</option>
                                            <option value="date_select">حدد التاريخ</option>

                                    </select>
                            </div>
                            <div class="col-md-6 col-lg-4" id="date_selected" style="display: none">
                                    <label> موعد التسليم</label>
                                    <input type="date" class="form-control" name="date_select"   title=" موعد التسليم" placeholder=" موعد التسليم">
                            </div>
                            <div class="col-md-6 col-lg-4">
                                <label> طريقة الدفع للمورد</label>
                                <select  name="payment_method" id="payment_method" onchange="changePaymentMethod(this)" class="form-control">
                                    <option selected value="">إختر طريقة الدفع</option>
                                       @foreach($supplier->payment_method as $payment)
                                            <option value="{{$payment->payments->id}}">{{$payment->payments->name}}</option>
                                       @endforeach
                                </select>
                            </div>
                            <div class="col-12">
                                <p>عزيزي المستخدم,ملاحظات على الطلب إن وجدت</p>
                            </div>
                            {{--<div class="col-md-6 col-lg-4">--}}
                                {{--<select class="form-control">--}}
                                    {{--<option>إختر طريقة الدفع</option>--}}
                                    {{--<option>2</option>--}}
                                    {{--<option>3</option>--}}
                                    {{--<option>4</option>--}}
                                    {{--<option>5</option>--}}
                                {{--</select>--}}
                            {{--</div>--}}
                            {{--<div class="col-md-6 col-lg-4">--}}
                                {{--<select class="form-control">--}}
                                    {{--<option>إختر طريقة الدفع</option>--}}
                                    {{--<option>2</option>--}}
                                    {{--<option>3</option>--}}
                                    {{--<option>4</option>--}}
                                    {{--<option>5</option>--}}
                                {{--</select>--}}
                            {{--</div>--}}
                            {{--<div class="col-md-6 col-lg-4">--}}
                                {{--<select class="form-control">--}}
                                    {{--<option>إختر طريقة الدفع</option>--}}
                                    {{--<option>2</option>--}}
                                    {{--<option>3</option>--}}
                                    {{--<option>4</option>--}}
                                    {{--<option>5</option>--}}
                                {{--</select>--}}
                            {{--</div>--}}
                            <div class="col-12">
                                <textarea class="form-control"  name="notes" rows="1" placeholder="ملاحظات على الطلب إن وجدت"></textarea>
                            </div>
                            <div class="col-12 col-lg-4">
                                <a href="{{route('front.supplier_index', [$supplier->id, $supplier->slug]) }}" class="btn continue-shop hvr-shadow">الرجوع للطلب</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-xl-3" id="cart_price_table" >
                        <div class="total-price">
                            <div class="details">
                                <div class="d-flex justify-content-between">
                                    <label>المجموع الكلي</label>
                                    <span>{{\Cart::total()}}</span>
                                </div>
                                <div class="alert alert-warning alert-dismissible fade show coupon_alert" role="alert" style="display: none">
                                    <p id="message"></p>
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">×</span>
                                    </button>
                                </div>

                                <div class="row coupon-form">
                                    <div class="col-8 pl-1">
                                        <input type="text" id="coupon_value" class="form-control mb-0"  placeholder="أدخل رقم كوبون الخصم إن وجد" >
                                    </div>
                                    <div class="col-4 pr-1">
                                        <button type="button" id="confirm" onclick="doCoupon(this)" class="btn my-0">تأكيد</button>
                                    </div>
                                </div>

                                @if(!empty(session()->get('couponAmount')))
                                    <div class="d-flex justify-content-between">
                                        <label> كوبون الخصم المدخل</label>
                                        <span>{{isset($coupon_discount_array['couponCode'])?$coupon_discount_array['couponCode']:00}}</span>
                                    </div>
                                    <div class="d-flex justify-content-between">
                                        <label>نوع كوبون الخصم</label>
                                        <span>{{isset($coupon_discount_array['coupontype'])?$coupon_discount_array['coupontype']:00}}</span>
                                    </div>
                                    <div class="d-flex justify-content-between">
                                        <label>قيمة كوبون الخصم</label>
                                        <span>{{isset($coupon_discount_array['couponValue'])?$coupon_discount_array['couponValue']:00}}</span>
                                    </div>
                                @endif

                                <div class="d-flex justify-content-between">
                                    <label>قيمة مبلغ  كوبون الخصم</label>
                                    <span>{{isset($coupon_discount_array['coupon_discount'])?$coupon_discount_array['coupon_discount']:00}}</span>
                                </div>
                                <div class="d-flex justify-content-between">
                                    <label> الخصم حسب وسيلة الدفع</label>

                                    <span>{{isset($discount_amount_percentage)?$discount_amount_percentage.'%':0}}</span>
                                </div>
                                <div class="d-flex justify-content-between">
                                    <label>مجموع الخصم</label>
                                    <span>{{isset($total_discount)?$total_discount:00}}</span>
                                </div>
                                <div class="d-flex justify-content-end total">{{\Cart::total()}}</div>
                            </div>
                            <button  type="submit" class="btn hvr-shadow" id="save_order">إعتماد وإرسال الطلب</button>
                            <a href="{{route('cart.clear')}}" class="btn empty hvr-shadow" >إفراغ سلة الطلب</a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </section>

@endsection