@extends(get_view('index'))
@section('title')Sepetim - @endsection
@section('header')

@endsection
@section('content')

    <div class="breadcrumb-area">
        <div class="container">
            <div class="breadcrumb-content">
                <ul>
                    <li><a href="{{ url('/') }}">{{ translate('homepage') }}</a></li>
                    <li class="active">{{ __('Sepetim') }}</li>
                </ul>
            </div>
        </div>
    </div>


    <div class="Shopping-cart-area pt-30 pb-60">
        <div class="container">
            <div class="row">

                @if ( cart()['products']->count() > 0 )

                <div class="col-12">
                    <form action="#">
                        <div class="row">
                            <div class="col-sm-9 col-12">
                                <h2 class="mb-3">{{ translate('my_cart') }}</h2>
                                <div class="table-content table-responsive">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th class="li-product-remove">İşlemler</th>
                                                <th class="li-product-thumbnail">Ürün Fotoğrafı</th>
                                                <th class="cart-product-name">Ürün Adı</th>
                                                <th class="li-product-price">Birim Fiyatı</th>
                                                <th class="li-product-quantity">Adet</th>
                                                <th class="li-product-subtotal">Ara Toplam</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach (cart()['products'] as $item)
                                            <tr>
                                                <td class="li-product-remove">
                                                    <div class="btn-group cart_view_operations">
                                                        <button type="button" class="btn btn-link btn-sm text-primary btn-minus-cart-item" data-cart-id="{{ $item->id }}" onclick="cart_minus(this)"><i class="fa fa-minus"></i></button>
                                                        <button type="button" class="btn btn-link btn-sm text-danger btn-remove-cart-item" data-cart-id="{{ $item->id }}" onclick="cart_remove(this)"><i class="fa fa-times"></i></button>
                                                        <button type="button" class="btn btn-link btn-sm text-primary btn-plus-cart-item" data-product-id="{{ $item->product->id }}" onclick="cart_add(this)"><i class="fa fa-plus"></i></button>
                                                    </div>
                                                </td>
                                                <td class="li-product-thumbnail">
                                                    @if ( $item->product->first_image != null )
                                                    <a href="{{ Common::get_product_large_image($item->product->id, $item->product->first_image->name) }}">
                                                        <img src="{{ Common::get_product_small_image($item->product->id, $item->product->first_image->name) }}" alt="{{ $item->product->content->name ?? '' }}" width="60">
                                                    </a>
                                                    @else
                                                    <p class="m-0 p-0">Ürün fotoğrafı yok</p>
                                                    @endif
                                                </td>
                                                <td class="li-product-name" style="font-size: 14px;">
                                                    <a href="{{ route('product.detail', ['permalink' => $item->product->content->permalink]) }}">
                                                        {{ $item->product->content->name ?? '' }}
                                                    </a>
                                                </td>
                                                <td class=""><span class="amount">{{ $item->product->get_price(false) ?? '' }}</span></td>
                                                <td class="li-product-quantity">{{ $item->quantity }}</td>
                                                <td class=""><span class="amount">{{ $item->get_product_total(false) ?? '' }}</span></td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="col-sm-3 col-12">
                                <div class="cart-page-total pt-0">
                                    <h2>Sepet Toplamı</h2>
                                    <ul>
                                        <li class="fs-12">Ara Toplam <span>{{ cart()['total_price_money_format'] }}</span></li>
                                        <li>Genel Toplam <span>{{ cart()['total_price_money_format'] }}</span></li>
                                    </ul>
                                    <a href="{{ route('front.cart.payment') }}" class="btn btn-primary w-100">
                                        Satın Al
                                    </a>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                
                @else
                
                <div class="col-12">
                    <div class="bg-white p-5 text-center">
                        <h4>Sepetiniz Boş!</h4>
                        <p>Sepetinize bir kaç ürün eklemek için alışverişe devam edin.</p>
                        <p>
                            <a href="/" class="btn btn-link text-primary">Alışverişe Devam Et</a>
                        </p>
                    </div>
                </div>

                @endif

            </div>
        </div>
    </div>

@endsection
@section('footer')

<script>
    $(".cart_view_operations .btn").click(function () {
        $( document ).ajaxComplete(function() {
            window.location.reload();
        });
    })
</script>

@endsection