@extends('layouts.store.app')
@section('pageTitle', trans('store.shoppingCart'))

@section('content')

    @include('store.partials.common.breadcrumb')

    <!-- START MAIN CONTENT -->
    <div class="main_content">
    @if(count($cartItems)>=1)
        <!-- START SECTION SHOP -->
            <div class="section shoppingCartArea" data-url="{{route('store.view')}}">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="table-responsive shop_cart_table">
                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th class="product-thumbnail">&nbsp;</th>
                                        <th class="product-name">@lang('store.product')</th>
                                        @if(session('can_view_prices'))
                                            <th class="product-price">@lang('store.price')</th>
                                        @endif
                                        <th class="product-quantity">@lang('store.quantity')</th>
                                        @if(session('can_view_prices'))
                                            <th class="product-subtotal">@lang('store.total')</th>
                                            <th class="product-subtotal">@lang('store.total_tax')</th>
                                        @endif
                                        <th class="product-remove">@lang('store.remove')</th>
                                    </tr>
                                    </thead>
                                    <tbody class="shopping-cart-product-area">

                                    @include('store.partials.cart.cartItem')

                                    </tbody>
                                    <tfoot>
                                    <tr>
                                        <td colspan="6" class="px-0">
                                            <div class="row no-gutters align-items-center">
                                                <div class="col-lg-4 col-md-6 mb-3 mb-md-0">
                                                    <div class="coupon field_form input-group">
                                                        {{--                                                        <input type="text" value="" class="form-control form-control-sm"--}}
                                                        {{--                                                               placeholder="Enter Coupon Code..">--}}
                                                        {{--                                                        <div class="input-group-append">--}}
                                                        {{--                                                            <button class="btn btn-fill-out btn-sm" type="submit">Apply--}}
                                                        {{--                                                                Coupon--}}
                                                        {{--                                                            </button>--}}
                                                        {{--                                                        </div>--}}
                                                    </div>
                                                </div>
                                                <div class="col-lg-8 col-md-6 text-left text-md-right">
                                                    <button class="btn btn-line-fill btn-sm update-cart-item"
                                                            data-token="{{ csrf_token() }}"
                                                            data-url="{{ route('store.cart') }}"
                                                            data-class="qty-cart"
                                                            type="submit">@lang('store.updateCart')
                                                    </button>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            {{--                        <div class="medium_divider"></div>--}}
                            <div class="divider center_icon"><i class="ti-shopping-cart-full"></i></div>
                            {{--                        <div class="medium_divider"></div>--}}
                        </div>
                    </div>
                    @if(session('can_view_prices'))
                        <span class="mini-cart-footer-msg">
                            @include('store.partials.cart.miniCartFooterMsg')
                        </span>
                    @endif
                    <div class="row">
                        <div class="col-md-6"></div>
                        <div class="col-md-6">
                            <div class="border p-3 p-md-4">
                                <div class="heading_s1 mb-3">
                                    <h6>@lang('store.cartTotals')</h6>
                                </div>
                                <div class="table-responsive">
                                    <table class="table">
                                        <tbody>
                                        <tr>
                                            <td class="cart_total_label">@lang('store.productsCount')</td>
                                            <td class="cart_total_amount prod-count">{{count(session()->get('cartItems', []))}}</td>
                                        </tr>
                                        <tr>
                                            <td class="cart_total_label">@lang('store.totalQty')</td>
                                            <td class="cart_total_amount">
                                                <strong
                                                    class="cart-count">{{collect(session()->get('cartItems', []))->sum('emp_qty')}}</strong>
                                            </td>
                                        </tr>
                                        @if(session('can_view_prices'))
                                            <tr>
                                                <td class="cart_total_label">@lang('store.total')</td>
                                                <td class="cart_total_amount">
                                                    <strong
                                                        class="cart-total">{{number_format(collect(session()->get('cartItems', []))->sum('total'), 2)}}</strong> @lang('store.sar')
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="cart_total_label">@lang('store.total_tax')</td>
                                                <td class="cart_total_amount">
                                                    <strong
                                                        class="cart-total-tax">{{number_format(collect(session()->get('cartItems', []))->sum('total_tax'), 2)}}</strong> @lang('store.sar')
                                                </td>
                                            </tr>
                                        @endif
                                        </tbody>
                                    </table>
                                </div>
                                <a href="{{ route('store.checkout') }}"
                                   class="btn btn-fill-out">@lang('store.proceedToCheckOut')</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @else
            <div class="main_content">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <h2>@lang('site.no_data_found')</h2>
                        </div>
                    </div>
                </div>
            </div>
    @endif
    <!-- END SECTION SHOP -->
    </div>
    <!-- END MAIN CONTENT -->

@endsection