@section('title', __('cart/cart.Cart'))
@section('header-style', 'inner_nav')

@push('style')
<link rel="stylesheet" href="{{ mix('css/web/cart/cart.css') }}">
@endpush

@push('script')
<script src="{{mix('js/web/cart/cart.js')}}"></script>
@endpush

<x-layout>

    <section class="main_packag">
        @if(!$cart || $cart->items->count() == 0)
        
        <img src="{{config('settings.cart_image_left') && Storage::disk('musawer')->exists(config('settings.cart_image_left')) ? Storage::disk('musawer')->url(config('settings.cart_image_left')) : asset("images/web/cart-img-3.png")}}" class="cart_img_1">

        <img src="{{config('settings.cart_image_right') && Storage::disk('musawer')->exists(config('settings.cart_image_right')) ? Storage::disk('musawer')->url(config('settings.cart_image_right')) : asset("images/web/cart-img-1.png")}}" class="cart_img_3">

        <!-- <img src="{{asset('images/web/cart-img-3.png')}}" class="cart_img_1"> -->
        <!-- <img src="{{asset('images/web/cart-img-1.png')}}" class="cart_img_3"> -->
        @endif
        <div class="container">
            <div class="stepwizard">
                <div class="process-wrap active-step1">
                    <div class="process-main">
                        <div class="col-4 colmn_process">
                            <div class="process-step-cont">
                                <div class="process-step step-1"></div>
                                <span class="process-label">@Lang('cart/cart.Cart')</span>
                            </div>
                        </div>
                        <div class="col-4 colmn_process">
                            <div class="process-step-cont">
                                <div class="process-step step-2"></div>
                                <span class="process-label">@Lang('cart/cart.Billing address')</span>
                            </div>
                        </div>
                        <div class="col-4 colmn_process">
                            <div class="process-step-cont">
                                <div class="process-step step-3"></div>
                                <span class="process-label">@Lang('cart/cart.Review')</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @if($cart && $cart->items->count() > 0)
            <div class="sub_container">
                <div class="row">
                    <div class="col-lg-9 col-md-12 sol-sm-12 col-12">
                        <div class="row">
                            <div class="cart_list_1">
                                <div class="cart_list_h">
                                    <div class="row">
                                        <div class="col-md-2 col-sm-0 col-0"></div>
                                        <div class="col-md-5 col-sm-0 col-0"></div>
                                        <div class="col-md-2 col-sm-3 col-3">
                                            <h4>@Lang('cart/cart.Price')</h4>
                                        </div>
                                        <div class="col-md-1 col-sm-1 col-1"></div>
                                    </div>
                                </div>
                                @foreach($cart->items as $item)
                                <div class="cart_list_b cart-item cart-item-{{$item->id}}">
                                    <div class="row">
                                        <div class="col-md-2 col-sm-3 col-3">
                                            <a class="thumbnail pull-left mr-2" href="#"> <img class="media-object" src="{{Storage::disk('musawer')->url($item->product->image)}}" style="width: 60px; height: 60px;"> </a>
                                        </div>
                                        <div class="col-md-5 col-sm-9 col-8 d-flex align-items-center">
                                            <h3 class="media-heading">{{$item->product->title}}</h3>
                                        </div>
                                        <div class="col-md-2 col-sm-3 col-3 d-flex align-items-center justify-content-center">
                                            <h4>{{$item->package_price}} @Lang('custom.KWD')</h4>
                                        </div>
                                        <div class="col-md-1 col-sm-1 col-1 d-flex align-items-center">
                                            <a href="javascript:void(0)" class="delete-cart-item" data-url="{{route('web_cart_delete_item', ['item_id' => $item->id])}}"><i class="fa fa-trash-o text-danger" aria-hidden="true"></i></a>
                                        </div>

                                    </div>

                                    @if(!empty($item->addon_options))
                                    <div class="row mt-4">
                                        <div class="col-md-2 col-sm-3 col-3">
                                            &nbsp;
                                        </div>
                                        <div class="col-md-5 col-sm-9 col-8 d-flex align-items-center">
                                            <div>
                                                <h3 class="media-heading">@Lang('cart/cart.Additional options')</h3>
                                                <div>
                                                    @foreach($item->addon_options as $option)
                                                    <p class="sub_para_1 mb-0"> <b>{{ $option['addon_name_en'] }}</b> {{ $option['option_id'] > 0 ? $option['addon_option_en'] : $option['other'] }}, {{ $option['price'] ?? 0 }} @Lang('custom.KWD')</p>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2 col-sm-3 col-3 d-flex align-items-center justify-content-center">
                                            @if($item->addon_price > 0)
                                            <h4>{{$item->addon_price}} @Lang('custom.KWD')</h4>
                                            @endif
                                        </div>
                                        <div class="col-md-1 col-sm-1 col-1">
                                        </div>

                                    </div>

                                    @endif

                                    <div class="col-md-12 mt-4">
                                  
                                        <h4 class="sub_head_4">@Lang('cart/cart.Time and location'):-</h4>
                                        <ul class="time_list_1">
                                            <li>
                                                <i class="fa fa-clock-o" aria-hidden="true"></i> {{$item->date_display}} @Lang('cart/cart.at') {{$item->time_display}}
                                                <a href="{{route('web_cart_select_slot', ['cart_item_id' => Crypt::encryptString($item->id)])}}"> @Lang('cart/cart.Edit')</a>
                                            </li>
                                            <li>
                                                <i class="fa fa-map-marker" aria-hidden="true"></i>{{$item->location}}
                                                <a href="{{route('web_cart_select_location', ['cart_item_id' => Crypt::encryptString($item->id)])}}"> @Lang('cart/cart.Edit')</a>
                                            </li>
                                        </ul>
                                  
                                        @if($item->note)
                                        <div class="cart_note_1">
                                            @if(!empty($item->note))
                                            <h4 class="sub_head_4 mb-2">@Lang('cart/cart.Add Notes')</h4>
                                            <p class="sub_para_1 mb-0">{{$item->note}}</p>
                                            @endif
                                        </div>
                                        @endif
                                    </div>


                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-12 sol-sm-12 col-12">
                        <div class="sum_sect_1 mb-3">
                            <h4 class="sub_head_5 mb-4">@Lang('cart/cart.Order Summary')</h4>
                            <h4 class="sub_head_4 mb-1">@Lang('checkout/billing.Items')</h4>
                            <ul class="time_list_2">
                                @foreach($cart->items as $item)
                                <li class="cart-item-{{$item->id}}">{{$item->product->title}} <span>{{$item->package_price}} @Lang('custom.KWD')</span></li>
                                @if($item->addon_price > 0)
                                <li class="cart-item-{{$item->id}}">@Lang('cart/cart.Additional options')<span>{{$item->addon_price}} @Lang('custom.KWD')</span></li>
                                @endif
                                @endforeach
                            </ul>
                            <hr>
                            <ul class="time_list_2">
                                <li>@Lang('cart/cart.Subtotal') <span data-total>{{$cart->sub_total}} @Lang('custom.KWD')</span></li>
                            </ul>
                            <button onclick="window.location.href=`{{route('web_checkout_billing')}}`" class="bill_btn_1">@Lang('cart/cart.Select Billing Adress')</button>
                        </div>
                        <a href="{{ route('web_home_locale', ['locale'=>(app()->getLocale()=='en')?'en':'ar']) }}" class="shopping_btn1">@Lang('cart/cart.Continue Shopping')</a>
                    </div>
                </div>
            </div>
            @else
            <h1 class="mani_head_1 text-center mt-5 mb-4">@Lang('cart/cart.Your shopping cart is empty')</h1>
            <h4 class="sub_head_3 mb-5">@Lang('cart/cart.Once added service to your shopping cart, you can check out of from here')</h4>
            <a class="reamore_bt1 d-table m-auto text-uppercase" href="{{ route('web_home_locale', ['locale'=>(app()->getLocale()=='en')?'en':'ar']) }}"><img src="{{asset('images/web/arrow.png')}}">&nbsp;@Lang('cart/cart.START SHOPPING')</a>
            
            <img src="{{config('settings.cart_image_bottom') && Storage::disk('musawer')->exists(config('settings.cart_image_bottom')) ? Storage::disk('musawer')->url(config('settings.cart_image_bottom')) : asset("images/web/cart-img-2.png")}}" class="cart_img_2">
            @endif
        </div>
    </section>
</x-layout>