@extends('rubandroll.layouts.app')

@section('meta-title')Webshop - Rub & Roll @endsection

@section('meta-keywords') @endsection

@section('meta-description') @endsection

@section('content')

    <section id="page-title" class="page-title bg-overlay {{--bg-parallax--}} bg-overlay-gradient">
        <div class="bg-section">
            <img src="/assets/images/page-title/4.jpg" alt="Background"/>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="title title-8 text-center">
                            <div class="title--content">
                                <div class="title--subtitle">Rub & Roll</div>
                                <div class="title--heading">
                                    <h1>Kosár</h1>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="shopcart-empty" class="shop shop-cart bg-gray" @if(count($cart) > 0) style="display: none;" @endif>
        <div class="container">
            <div class="row">
                <div class="col-xs-12 text-center">
                    <h4>A kosár üres.</h4>
                </div>
            </div>
        </div>
    </section>

    <section id="shopcart" class="shop shop-cart bg-gray" @if(count($cart) == 0) style="display: none;" @endif>
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">

                    <div class="cart-table table-responsive">
                        <table class="table table-bordered">
                            <thead>
                            <tr class="cart-product">
                                <th class="cart-product-item">Termék</th>
                                <th class="cart-product-price">Bruttó ár</th>
                                <th class="cart-product-quantity">Mennyiség</th>
                                <th class="cart-product-total">Összeg</th>
                            </tr>
                            </thead>
                            <tbody>


                            @foreach($cart as $item)
                                <tr class="cart-product item-row-{{ $item->id }}">
                                    @include("rubandroll.webshop.includes.cart.product_row", ['item' => $item])
                                </tr>
                            @endforeach

                            <tr class="cart-product-action">
                                <td colspan="4">
                                    <div class="row clearfix">
                                        <div class="col-xs-12 col-sm-6 col-md-6">
{{--                                            <form class="form-inline">--}}
{{--                                                <input type="text" class="form-control" id="coupon" placeholder="Coupon Code" />--}}
{{--                                                <button type="submit" class="btn btn--primary">Apply Coupon</button>--}}
{{--                                            </form>--}}
                                        </div>

                                        <div class="col-xs-12 col-sm-6 col-md-6 text-right">
{{--                                            <a class="btn btn--secondary" href="#">update cart</a>--}}
                                            <a class="btn btn--primary" href="{{ route('order.billing') }}">Tovább</a>
                                        </div>

                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                </div>

                <div class="col-xs-12 col-sm-12 col-md-12">

                    <div class="cart-total-amount" id="cart-summary">

                        @include('rubandroll.webshop.includes.cart.product_row_summary')

                    </div>

                </div>

            </div>

        </div>

    </section>


@endsection