@extends('website.layouts.app')

@section('content')

    @include('website.layouts.crumb')


    <!-- product tab start -->
    <section class="whish-list-section theme1 pt-80 pb-80">
        <div class="container">
            @include('admin.layouts.error')
            <form action="{{ route('update.cart') }}" method="post">
                {{ csrf_field() }}
                <div class="row">
                    <div class="col-12">
                        <h3 class="title mb-30 pb-25 text-capitalize">{{ @$title }}</h3>
                        <div class="table-responsive">
                            <table class="table">
                                <thead class="thead-light">
                                    <tr>
                                        <th class="text-center" scope="col">{{ trans('admin.image') }}</th>
                                        <th class="text-center" scope="col">{{ trans('admin.name') }}</th>
                                        <th class="text-center" scope="col">{{ trans('admin.price') }}</th>
                                        <th class="text-center" scope="col">{{ trans('home.quantity') }}</th>
                                        <th class="text-center" scope="col">{{ trans('home.total') }}</th>
                                        <th class="text-center" scope="col"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach (Cart::content() as $cart)
                                        <tr>

                                            <th class="text-center" scope="row">
                                                <img src="{{ getImage('products', getProduct($cart->id)->image) }}"
                                                    alt="img">
                                            </th>

                                            <td class="text-center">
                                                <span class="whish-title">
                                                    {{ getProduct($cart->id)['name_' . getLang()] }}</span>
                                            </td>
                                            <td class="text-center">
                                                <span class="whish-list-price">
                                                    {{ getProduct($cart->id)->price . ' ' . trans('admin.LE') }}
                                                </span>
                                            </td>


                                            <td class="text-center">
                                                <div class="product-count style">
                                                    <div class="count d-flex justify-content-center">
                                                        <input min="1" max="100" name="qty[{{ $cart->rowId }}][]"
                                                            value="{{ $cart->qty }}" type="number">
                                                        <div class="button-group">
                                                            <button class="count-btn increment"><i
                                                                    class="fas fa-chevron-up"></i></button>
                                                            <button class="count-btn decrement"><i
                                                                    class="fas fa-chevron-down"></i></button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="text-center">
                                                <span class="whish-list-price">
                                                    {{ $cart->price * $cart->qty . ' ' . trans('admin.LE') }}
                                                </span>
                                            </td>

                                            <td class="text-center">
                                                <a href="{{ route('remove.cart', $cart->rowId) }}"> <span class="trash"><i
                                                            class="fas fa-trash-alt"></i>
                                                    </span></a>
                                            </td>

                                        </tr>
                                    @endforeach

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 mb-30">
                    <ul class="list-group cart-summary rounded-0">
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <ul class="items">
                                <li>{{ Cart::count() }} {{ trans('home.item') }}</li>
                            </ul>
                            <ul class="amount">
                                <li>{{ Cart::subtotal() }} {{ trans('admin.LE') }}</li>
                            </ul>
                        </li>
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <ul class="items">
                                <li>{{ trans('home.tax') }}</li>
                                <li>{{ trans('home.total') }}</li>
                            </ul>
                            <ul class="amount">
                                <li>{{ Cart::tax() }} {{ trans('admin.LE') }}</li>
                                <li>{{ Cart::total() }} {{ trans('admin.LE') }}</li>
                            </ul>
                        </li>
                        @if (Cart::count() > 0)
                            <li class="list-group-item text-center">
                                <button class="btn theme-btn--dark1 btn--md" type="submit"> <i class="icon-refresh"></i>
                                    {{ trans('home.updateCart') }} </button>

                                <button class="btn theme-btn--dark1 btn--md"
                                    onclick="location.href='{{ route('get.checkOut') }}'" type="button">
                                    {{ trans('home.checkOut') }}</button>
                            </li>

                        @endif
                    </ul>

                </div>


            </form>
        </div>
    </section>
    <!-- product tab end -->


@endsection