@extends('layouts.website_layout')
@section('meta_title', $meta_data->meta_title)
@section('meta_description', $meta_data->meta_description)
@section('banner_image', "banners/".$banner_data->banner_image)
@section('canonical_tag', $meta_data->canonical_tag)
@section('content')
<style>
    .disable_pointer {pointer-events: none;}
</style>
<main>
    <div class="container-fluid cart">
        <div class="row">
            @if(!empty(count($cart)))
            <div class="col-12 col-sm-12 col-md-8 col-lg-8 cart__left">
                <div class="cart__left__table table" id="no-more-tables">
                    <table class="col-md-12  table-condensed cf">
                        <tbody>
                            @php
                            $i = 0;
                            @endphp
                            @foreach($cart as $product_variant_id => $cart_row)
                            <tr>
                                <td class="cart__message">
                                    @if(empty($i))
                                    <h2 class="bold-heading">Great @if(count($cart) > 1) picks @else pick @endif</h2>
                                    <p class="paragraph">Now just make sure you have the right<br>light and lifestyle</p>
                                    @endif
                                </td>
                                <td class="cart__items">
                                    <h2><a href="{{url('/')}}/{{$cart_row['product_category_url_slug']}}/{{$cart_row['product_url_slug']}}/{{Str::slug($cart_row['final_attributes'])}}/{{$product_variant_id}}" target="_blank">{{$cart_row['product_name']}}</a> ₹{{number_format($cart_row['product_price'])}}</h2>
                                    <ul class="cart_items_feature">
                                        <li>{{$cart_row['maintenance_level_title']}}</li>
                                        <li>{!!nl2br($cart_row['attribute_data'])!!}</li> 
                                        <li>Quantity: {{$cart_row['selected_quantity']}}</li>
                                    </ul>
                                    <ul class="cart_items_quantity" data-id="{{$product_variant_id}}">
                                        <li class="cart_items_quantity_minus @if(1 == $cart_row['selected_quantity']) disable_pointer @endif"></li>
                                        <li class="cart_items_quantity_input"><input type="number" step="1" min="1" max="{{$cart_row['variant_limit']}}" class="form-control product_quantity" id="product_quantity" value="{{$cart_row['selected_quantity']}}"></li>
                                        <li class="cart_items_quantity_plus @if($cart_row['variant_limit'] == $cart_row['selected_quantity']) disable_pointer @endif"></li>
                                        <li class="cart_items_quantity_delete"></li>
                                    </ul>
                                </td>
                                <td class="cart__image">
                                    <a href="{{url('/')}}/{{$cart_row['product_category_url_slug']}}/{{$cart_row['product_url_slug']}}/{{Str::slug($cart_row['final_attributes'])}}/{{$product_variant_id}}" target="_blank">
                                        <img loading="lazy" src="{{url('/')}}/assets/images/library/{{$cart_row['product_thumbnail']}}" alt="{{$cart_row['product_name']}}" class="img-fluid">
                                    </a>
                                </td>
                            </tr>
                            @php
                            $i++;
                            @endphp
                            @endforeach
                            {{--
                            @foreach($gift_products as $gift_product_row)
                            <tr>
                                <td class="cart__message">
                                    <p class="paragraph">We'd recommend adding one to keep your plants healthy and glowing</p>
                                </td>
                                <td class="cart__items">
                                    <h2>
                                        <a href="{{url('/')}}/{{$gift_product_row->product_category_url_slug}}/{{$gift_product_row->product_url_slug}}/{{$gift_product_row->final_attributes}}/{{$gift_product_row->id}}" target="_blank">{{$gift_product_row->product_name}}</a><br>
                                        ₹ {{$gift_product_row->product_variant_selling_price}}</h2>
                                    <ul class="cart_items_feature">
                                        <li>{{$gift_product_row->maintenance_level_title}}</li>
                                        <li>{!!nl2br($gift_product_row->attribute_data)!!}</li> 
                                    </ul>
                                    <ul class="cart_items_quantity">
                                        <li class="cart_items_quantity_minus"></li>
                                        <li class="cart_items_quantity_input"><input type="number" step="1" class="form-control product_quantity" id="product_quantity" value="0" min="1"></li>
                                        <li class="cart_items_quantity_plus"></li>
                                    </ul>
                                </td>
                                <td class="cart__image">
                                    <a href="{{url('/')}}/{{$gift_product_row->product_category_url_slug}}/{{$gift_product_row->product_url_slug}}/{{$gift_product_row->final_attributes}}/{{$gift_product_row->id}}" target="_blank">
                                        <img loading="lazy" src="{{url('/')}}/assets/images/library/{{$gift_product_row->product_thumbnail}}" alt="{{$gift_product_row->product_name}}" class="img-fluid">
                                    </a>
                                </td>
                            </tr>
                            @endforeach
                            --}}
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-12 col-sm-12 col-md-4 col-lg-4 cart__right">
                <div class="cart__right__table table">
                    <table class="table">
                        <tbody>
                            <tr>
                                <td colspan="2" class="cart_summary_title">
                                    <h2 class="bold-heading">Order summary</h2>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" class="cart_summary_promocode">
                                    <h2 class="cart-heading show_pointer show_promo_code_form">Add promo code</h2>
                                    <form class="form" id="promo_code_form" style="display:none;">
                                        @csrf
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="promo_code" name="promo_code" style="background-color:white;" required>
                                            <div class="error">
                                                <span id="promo_code_err"></span>
                                            </div>
                                        </div>
                                        <button class="promo_code" type="submit">Apply</button>
                                    </form>
                                    <p class="paragraph promo_code_message"></p>
                                </td>
                            </tr>
                            <tr>
                                <td class="cart_summary_total">
                                    <h2 class="cart-heading">Total</h2>
                                </td>
                                <td class="cart_summary_price text-right">
                                    <h2 class="cart-heading">₹ {{number_format($cart_sub_total)}}</h2>
                                </td>
                            </tr>
                            <tr class="after_discount d-none">
                                <td class="cart_summary_total">
                                    <h2 class="cart-heading">Discount</h2>
                                </td>
                                <td class="cart_summary_price text-right">
                                    <h2 class="cart-heading discount_amount">₹ </h2>
                                </td>
                            </tr>
                            <tr class="after_discount d-none">
                                <td class="cart_summary_total">
                                    <h2 class="cart-heading">Grand Total</h2>
                                </td>
                                <td class="cart_summary_price text-right">
                                    <h2 class="cart-heading grand_total">₹ </h2>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" class="cart_summary_checkout_cta">
                                    <a href="{{url('/')}}/proceed-to-checkout">Checkout</a>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" class="cart_summary_taxes">
                                    <p class="cart-heading">Free delivery <br> All taxes included</p>
                                </td>
                            </tr>
                        </tbody>
                      </table>
                </div>
            </div>
            @else 
            <div class="col-12">
                <div class="row empty__cart">
                    <div class="col-12 text-center">
                        <h2 class="bold-heading">Your bag is empty.</h2>
                        <a href="{{url('/')}}/plants" class="btn--read--more"></i> Return to shop</a>
                    </div>
                </div>
            </div>
            @endif
        </div>
    </div>
</main>
@endsection