@extends($_layout.'single')
@section('title', 'Giỏ hàng')
@include($_lib.'register-meta')

@section('content')
<div class="ps-section--shopping ps-shopping-cart">
    <div class="container">
        <div class="ps-section__header">
            <h1>Giỏ hàng</h1>
        </div>
        @if ($cart && $cart->details && count($cart->details))
            <div class="ps-section__content">
                <form action="{{route('web.orders.checkout')}}" class="form form--cart {{parse_classname('cart-form', 'checkout-form', 'cart-section')}}">
                <div class="table-responsive">
                    <table class="table ps-table--shopping-cart">
                        <thead>
                            <tr>
                                <th>Thông tin sản phẩm</th>
                                <th>Đơn giá</th>
                                <th>Số lượng</th>
                                <th>Thành tiềnL</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($cart->details as $item)
                            <tr class="{{parse_classname('cart-item', 'cart-item-'.$item->id)}}" id="cart-item-{{$item->id}}">
                                
                                <td>
                                    <div class="ps-product--cart">
                                        <div class="ps-product__thumbnail">
                                            <a href="{{$item->link}}">
                                                <img src="{{$item->image}}" alt="{{$item->product_name}}">
                                            </a>
                                        </div>
                                        <div class="ps-product__content">
                                            <a href="{{$item->link}}">{{$item->product_name}}</a>
                                            @if ($item->attributes && count($item->attributes))
                                                @foreach ($item->attributes as $attr)
                                                    <p>{{$attr->label??$attr->name}}: <strong>{{$attr->text}}</strong></p>
                                                @endforeach
                                            @endif
                                        </div>
                                    </div>
                                </td>
                                <td class="price text-right"><strong>{{$item->getPriceFormat()}}</strong></td>
                                <td>
                                    <div class="form-group--number quantity-group">
                                        <button class="up">+</button>
                                        <button class="down">-</button>
                                        <input class="form-control {{parse_classname('product-order-quantity', 'quantity', 'item-quantity')}} inp-quantity" type="text" name="quantity[{{$item->id}}]" id="qty{{$item->id}}" value="{{$item->quantity}}" data-item-id="{{$item->id}}" min="1" placeholder="1">
                                    </div>
                                </td>
                                <td class="text-right"><strong class="{{parse_classname('item-total-price')}}">{{$item->getTotalFormat()}}</strong></td>
                                <td><a href="#" class="{{parse_classname('remove-cart-item')}}" data-item-id="{{$item->id}}"><i class="icon-cross"></i></a></td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="ps-section__cart-actions">
                    <a class="ps-btn" href="{{route('web.products')}}"><i class="icon-arrow-left"></i> Tiếp tục mua hàng</a>
                    <a class="ps-btn {{parse_classname('btn-update-cart')}}" href="javascript:void('Cập nhật giỏ hàng')"><i class="icon-sync"></i> Cập nhật giỏ hàng</a>
                </div>
                </form>

            </div>
            <div class="ps-section__footer">
                <div class="row">
                    <div class="col-md-5 col-sm-12 col-12 ">
                        <figure>
                            <figcaption>Mã giảm giá</figcaption>
                            <div class="form-group">
                                <input class="form-control {{parse_classname('coupon-code')}}" type="text" name="coupon_code" placeholder="ví dụ DHTEAM-2702">
                            </div>
                            <div class="form-group">
                                <button class="ps-btn {{parse_classname('btn-apply-coupon')}}">Áp dụng</button>
                            </div>
                        </figure>
                    </div>
                   
                    <div class="col-md-5 col-sm-12 col-12 ml-auto ">
                        <div class="ps-block--shopping-total">
                            <div class="ps-block__header">
                                <p>Tạm tính <span class="{{parse_classname('cart-sub-total-amount')}}">{{$helper->getCurrencyFormat($cart->sub_total)}}</span></p>
                            </div>
                            <div class="ps-block__header">
                                <p>Phí giao hàng <span class="{{parse_classname('cart-shipping-fee')}}">{{$helper->getCurrencyFormat($cart->shipping_fee)}}</span></p>
                            </div>
                            <div class="ps-block__header">
                                <p>Khuyến mãi <span class="{{parse_classname('cart-promo-amount')}}">{{$helper->getCurrencyFormat($cart->promo_total)}}</span></p>
                                
                            </div>
                            <div class="ps-block__content">
                                
                                <h3>Tổng thành tiền <span class="{{parse_classname('cart-total-ammount')}}">{{$helper->getCurrencyFormat($cart->total_money)}}</span></h3>
                            </div>
                        </div>
                        <a class="ps-btn ps-btn--fullwidth" href="{{route("web.orders.checkout")}}">Thanh toán</a>
                    </div>
                </div>
            </div>
            @else
            <div class="text-center">
                <h3>Không có sản phẩm nào trong giỏ hàng</h3>
            </div>
        @endif

    </div>
</div>


@endsection