@extends('website.layouts.master')
@section('css')
    <link rel="stylesheet" href="{{asset('website/css/subpages.css')}}">
    <link rel="stylesheet" href="{{asset('website/css/style.css')}}">
    <link rel="stylesheet" href="{{asset('website/css/plugins.css')}}">
{{--    <link rel="stylesheet" href="{{asset('website/css/style.css')}}">--}}
{{--    <link href="{{ theme_asset_url('css/style.css') }}" media="screen" rel="stylesheet">--}}
@stop
@section('script.title') @stop
@section('content')



    <nav class="breadcrumb-area">
        <div class="container">
            <ol class="breadcrumb-list">
                <li class="breadcrumb-item active"><a href="{{ url('/') }}">{{ trans('theme.nav.home') }}</a></li>
                <li class="breadcrumb-item active">{{ trans('theme.shoping_cart') }}</li>
            </ol>

        </div>
    </nav>
    <section class="sub-page cart">
        <div class="container">
            @if ($carts->count() > 0)
                @foreach ($carts as $cart)
                    @php
                        $cart_total = 0;
                        $packaging_options = optional($cart->shop)->packagings;

                        if ($cart->shop) {
                            $default_packaging =
                                $cart->shippingPackage ??
                                (optional($cart->shop->packagings)
                                    ->where('default', 1)
                                    ->first() ??
                                    $platformDefaultPackaging);
                        } else {
                            $default_packaging = $cart->shippingPackage ?? $platformDefaultPackaging;
                        }
                    @endphp
            <div class="row">
{{--                <div class="alert alert-success hidden"  role="alert" id="shipping-notice{{ $cart->id }}">--}}
{{--                    <strong>{{ trans('theme.warning') }}</strong>--}}
{{--                    @lang('theme.notify.seller_doesnt_ship')--}}
{{--                </div>--}}


{{--                <div class="notice notice-danger notice-sm hidden" id="store-unavailable-notice{{ $cart->id }}">--}}
{{--                    <strong>{{ trans('theme.warning') }}</strong> @lang('theme.notify.store_not_available')--}}
{{--                </div>--}}
                <div class="card">
                    <div class="card-body shopping-cart-table-wrap {{ $expressId == $cart->id ? 'selected' : '' }}" id="cartId{{ $cart->id }}" data-cart="{{ $cart->id }}">
                        {!! Form::model($cart, ['method' => 'PUT', 'route' => ['cart.checkout', $cart->id], 'id' => 'formId' . $cart->id]) !!}
                        {{ Form::hidden('cart_id', $cart->id, ['id' => 'cart-id' . $cart->id]) }}
                        {{ Form::hidden('shop_id', $cart->shop->id, ['id' => 'shop-id' . $cart->id]) }}
                        {{ Form::hidden('tax_id', isset($shipping_zones[$cart->id]->id) ? $shipping_zones[$cart->id]->tax_id : null, ['id' => 'tax-id' . $cart->id]) }}
                        {{ Form::hidden('taxrate', null, ['id' => 'cart-taxrate' . $cart->id]) }}
                        {{ Form::hidden('packaging_id', $default_packaging ? $default_packaging->id : null, ['id' => 'packaging-id' . $cart->id]) }}
                        {{ Form::hidden('ship_to', $cart->ship_to, ['id' => 'ship-to' . $cart->id]) }}
                        {{ Form::hidden('shipping_zone_id',isset($shipping_zones[$cart->id]->id) ? $shipping_zones[$cart->id]->id : null,['id' => 'zone-id' . $cart->id]) }}
                        {{ Form::hidden('shipping_rate_id', $cart->shipping_rate_id, ['id' => 'shipping-rate-id' . $cart->id]) }}
                        {{ Form::hidden('ship_to_country_id', $cart->ship_to_country_id, ['id' => 'shipto-country-id' . $cart->id]) }}
                        {{ Form::hidden('ship_to_state_id', $cart->ship_to_state_id, ['id' => 'shipto-state-id' . $cart->id]) }}
                        {{ Form::hidden('coupon_raw', json_encode($cart->coupon), ['id' => 'coupon-raw' . $cart->id]) }}
                        {{-- {{ Form::hidden('discount_id', $cart->coupon_id, ['id' => 'discount-id' . $cart->id]) }} --}}
                        {{ Form::hidden('handling_cost', optional($cart->shop->config)->order_handling_cost, ['id' => 'handling-cost' . $cart->id]) }}
                        <div class="cart block">
                            <div class="container">
                                    <div class="cart-title">
                                        <h2>
                                            {{ trans('theme.shoping_cart') }}
                                        </h2>
                                    </div>
                                    <div class="shopping-cart-header-section">
                                        <div class="row" style="padding: 15px;">
                                            <div class="col-6">
                                                <span>@lang('theme.store'):</span>
                                                @if ($cart->shop->slug)
                                                    <a href="{{ route('show.store', $cart->shop->slug) }}"> {{ $cart->shop->name }}</a>
                                                @else
                                                    @lang('theme.store_not_available')
                                                @endif
                                            </div>
                                            <div class="col-6">
                                                <span class="direction-ship">
                                                    @lang('theme.ship_to'):
                                                    @php
                                                        $country_translation = $cart->country->translations->where('language_id',getLocaleId())->first();
                                                        $state_translation = $cart->state->translations->where('language_id',getLocaleId())->first();
                                                    @endphp
                                                    <a href="javascript:void(0)" id="shipTo{{ $cart->id }}" class="ship_to" data-cart="{{ $cart->id }}" data-country="{{ $cart->ship_to_country_id }}" data-state="{{ $cart->ship_to_state_id }}">
                                                        {{ $cart->ship_to_state_id ? ($state_translation->name ?? $cart->state->name) : ($country_translation->name ?? $cart->country->name) }}
                                                    </a>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                <table class="cart__table cart-table">
                                    <thead class="cart-table__head">
                                    <tr class="cart-table__row">
                                        <th class="cart-table__column cart-table__column--image">{{ trans('theme.image') }}</th>
                                        <th class="cart-table__column cart-table__column--product">{{ trans('theme.description') }}</th>
                                        <th class="cart-table__column cart-table__column--price">{{ trans('theme.price') }}</th>
                                        <th class="cart-table__column cart-table__column--quantity">{{ trans('theme.quantity') }}</th>
                                        <th class="cart-table__column cart-table__column--total">{{ trans('theme.total') }}</th>
                                        <th class="cart-table__column cart-table__column--remove"></th>
                                    </tr>
                                    </thead>
                                    <tbody class="cart-table__body">
                                    @foreach ($cart->inventories as $item)
                                        @php
                                            $item_translation = $item->translations->where('language_id',getLocaleId())->first();
                                            $unit_price = $item->current_sale_price();
                                            $item_total = $unit_price * $item->pivot->quantity;
                                            $cart_total += $item_total;
                                        @endphp
                                    <tr class="cart-table__row">
                                        <td class="cart-table__column cart-table__column--image">
                                            <input type="hidden" class="freeShipping{{ $cart->id }}" value="{{ $item->free_shipping }}">
                                            <input type="hidden" id="unitWeight{{ $item->id }}" value="{{ $item->shipping_weight }}">
                                            {{ Form::hidden('shipping_weight[' . $item->id . ']', $item->shipping_weight * $item->pivot->quantity, ['id' => 'itemWeight' . $item->id,'class' => 'itemWeight' . $cart->id]) }}
                                            <a href="{{ route('show.product', $item->slug) }}">
                                                <img src="{{ get_product_img_src($item, 'mini') }}" class="img-mini" alt="{{ $item_translation->title ?? $item->title }}" title="{{ $item_translation->title ?? $item->title }}"/>
                                            </a>
                                        </td>
                                        <td class="cart-table__column cart-table__column--product">
                                            <a href="{{ route('show.product', $item->slug) }}" class="product-info-title">
                                                @if($item_translation)
                                                    {{$item->sku.' - '.$item_translation->title.' - '.$item->condition}}
                                                @else
                                                    {{ $item->pivot->item_description }}
                                                @endif
                                            </a>
                                        </td>

                                        <td class="cart-table__column cart-table__column--price" data-title="Price">
                                            <span>{{ get_currency_prefix() }}
                                                <span id="item-price{{ $cart->id . '-' . $item->id }}" data-value="{{ $unit_price }}">
                                                    {{ number_format($unit_price, 2, '.', '') }}
                                                </span>
                                                {{ get_currency_suffix() }}
                                            </span>
                                        </td>

                                        <td class="cart-table__column cart-table__column--quantity" data-title="Quantity">
                                            <div class="input-number">
                                                <button class="input-number__sub product-info-qty-minus"></button>
                                                <input name="quantity[{{ $item->id }}]" id="itemQtt{{ $item->id }}" class="form-control input-number__input product-info-qty-input" data-cart="{{ $cart->id }}" data-item="{{ $item->id }}" data-min="{{ $item->min_order_quantity }}" data-max="{{ $item->stock_quantity }}" type="text" value="{{ $item->pivot->quantity }}">
                                                <button class="input-number__add product-info-qty-plus"></button>
                                            </div>
                                        </td>
                                        <td class="cart-table__column cart-table__column--total" data-title="Total">
                                            <span>
                                                {{ get_currency_prefix() }}
                                                <span id="item-total{{ $cart->id . '-' . $item->id }}" class="item-total{{ $cart->id }}">
                                                    {{ number_format($item_total, 2, '.', '') }}
                                                </span>
                                                {{ get_currency_suffix() }}
                                            </span>
                                        </td>

                                        <td class="cart-table__column cart-table__column--remove">
{{--                                            <a href="javascript:void(0)" class="cart-item-remove" data-cart="{{ $cart->id }}" data-item="{{ $item->id }}" data-toggle="tooltip" title="@lang('theme.remove_item')">&times;</a>--}}
                                            <a href="javascript:void(0)" class="btn btn-light btn-sm cart-item-remove" data-cart="{{ $cart->id }}" data-item="{{ $item->id }}" data-toggle="tooltip" title="@lang('theme.remove_item')">
                                                <i class="bi bi-trash"></i>
                                            </a>
                                        </td>
                                    </tr>

                                    @endforeach
                                    @foreach ($cart->auctions as $item)
                                        @php
                                            $auction_item_translation = $item->translations->where('language_id',getLocaleId())->first();
                                            $unit_price = $item->bids()->where('auction_id',$item->id)->where('status',1)->where('verification',0)->first()->price;
                                            $item_total = $unit_price;
                                            $cart_total += $item_total;
                                        @endphp
                                    <tr class="cart-table__row">
                                        <td class="cart-table__column cart-table__column--image">
{{--                                            <input type="hidden" class="freeShipping{{ $cart->id }}" value="{{ $item->free_shipping }}">--}}
{{--                                            <input type="hidden" id="unitWeight{{ $item->id }}" value="{{ $item->shipping_weight }}">--}}
{{--                                            {{ Form::hidden('shipping_weight[' . $item->id . ']', $item->shipping_weight * $item->pivot->quantity, ['id' => 'itemWeight' . $item->id,'class' => 'itemWeight' . $cart->id]) }}--}}
                                            <a href="{{ route('auction.show', $item->slug) }}">
                                                <img src="{{ get_storage_file_url($item, 'mini') }}" class="img-mini" alt="{{ $auction_item_translation->title ?? $item->title }}" title="{{ $auction_item_translation->title ?? $item->title }}"/>
                                            </a>
                                        </td>
                                        <td class="cart-table__column cart-table__column--product">
                                            <a href="{{ route('auction.show', $item->slug) }}" class="product-info-title">
                                                {{ $auction_item_translation->title ?? $item->title }}
                                            </a>
                                        </td>

                                        <td class="cart-table__column cart-table__column--price" data-title="Price">
                                            <span>{{ get_currency_prefix() }}
                                                <span id="item-price{{ $cart->id . '-' . $item->id }}" data-value="{{ $unit_price }}">
                                                    {{ number_format($unit_price, 2, '.', '') }}
                                                </span>
                                                {{ get_currency_suffix() }}
                                            </span>
                                        </td>

                                        <td class="cart-table__column cart-table__column--quantity" data-title="Quantity">
{{--                                            <div class="input-number">--}}
{{--                                                <button class="input-number__sub product-info-qty-minus"></button>--}}
                                                <input class="form-control input-number__input product-info-qty-input" type="text" value="{{ $item->quantity }}" readonly>
{{--                                                <button class="input-number__add product-info-qty-plus"></button>--}}
{{--                                            </div>--}}
                                        </td>
                                        <td class="cart-table__column cart-table__column--total" data-title="Total">
                                            <span>
                                                {{ get_currency_prefix() }}
                                                <span id="item-total{{ $cart->id . '-' . $item->id }}" class="item-total{{ $cart->id }}">
                                                    {{ number_format($item_total, 2, '.', '') }}
                                                </span>
                                                {{ get_currency_suffix() }}
                                            </span>
                                        </td>

                                        <td class="cart-table__column cart-table__column--remove">
{{--                                            <a href="javascript:void(0)" class="cart-item-remove" data-cart="{{ $cart->id }}" data-item="{{ $item->id }}" data-toggle="tooltip" title="@lang('theme.remove_item')">&times;</a>--}}
                                            <a href="javascript:void(0)" class="btn btn-light btn-sm cart-auction-remove" data-cart="{{ $cart->id }}" data-auction="{{ $item->id }}" data-toggle="tooltip" title="@lang('theme.remove_item')">
                                                <i class="bi bi-trash"></i>
                                            </a>
                                        </td>
                                    </tr>

                                    @endforeach
                                    </tbody>
                                    <tfoot class="cart-table__foot">
                                        <tr>
                                            <td colspan="6">
                                                <div class="input-group full-width">

                                                    <input name="coupon" value="{{ $cart->coupon ? $cart->coupon->code : null }}" id="coupon{{ $cart->id }}" class="form-control flat" type="text" placeholder="@lang('theme.placeholder.have_coupon_from_seller')">
                                                    <span class="input-group-btn">
                                                        <button class="btn btn-default flat apply_seller_coupon" type="button" data-cart="{{ $cart->id }}" style="height:-webkit-fill-available;">@lang('theme.button.apply_coupon')</button>
                                                    </span>
                                                </div><!-- /input-group -->
                                            </td>
                                        </tr>
                                    </tfoot>
                                </table>
                                {!! Form::close() !!}
                                <br>

{{--                                <div id="shipping-notice{{ $cart->id }}" class="alert alert-danger hidden" role="alert">--}}
{{--                                    <strong>{{ trans('theme.warning') }}</strong> @lang('theme.notify.seller_doesnt_ship')--}}
{{--                                </div>--}}

{{--                                <div class="alert alert-danger hidden" id="store-unavailable-notice{{ $cart->id }}">--}}
{{--                                    <strong>{{ trans('theme.warning') }}</strong> @lang('theme.notify.store_not_available')--}}
{{--                                </div>--}}

                                <div id="shipping-notice{{ $cart->id }}" class="notice notice-warning notice-sm hidden" >
                                    <strong>{{ trans('theme.warning') }}</strong> @lang('theme.notify.seller_doesnt_ship')
                                </div>

                                <div class="notice notice-danger notice-sm hidden" id="store-unavailable-notice{{ $cart->id }}">
                                    <strong>{{ trans('theme.warning') }}</strong> @lang('theme.notify.store_not_available')
                                </div>


                                <div class="row pt-5">
                                    <div class="col-12 col-md-7 col-lg-6 col-xl-5">
                                        <div class="card" id="cart-summary{{ $cart->id }}">
                                            <div class="card-body">
                                                <h3 class="card-title">{{ trans('theme.cart_summary') }}</h3>
                                                <table class="cart__totals">
                                                    <thead class="cart__totals-header">
                                                        <tr>
                                                            <th>{{ trans('theme.subtotal') }}</th>
                                                            <td>
                                                                <span>
                                                                    {{ get_currency_prefix() }}
                                                                    <span id="summary-total{{ $cart->id }}">
                                                                        {{ number_format($cart_total, 2, '.', '') }}
                                                                    </span>
                                                                    {{ get_currency_suffix() }}
                                                                </span>
                                                            </td>
                                                        </tr>
                                                    </thead>
                                                    <tbody class="cart__totals-body">
                                                        <tr>
                                                            <th>
                                                                <span>
                                                                <a class="dynamic-shipping-rates" href="javascript:void(0)" data-toggle="popover" data-cart="{{ $cart->id }}" data-options="{{ $shipping_options[$cart->id] }}" id="shipping-options{{ $cart->id }}" title="{{ trans('theme.shipping') }}">
                                                                    <u>{{ trans('theme.shipping') }}</u>
                                                                </a>
                                                                <em id="summary-shipping-name{{ $cart->id }}" class="small text-muted"></em>
                                                                </span>
                                                            </th>

                                                            <td>
                                                                <span>{{ get_currency_prefix() }}
                                                                    <span id="summary-shipping{{ $cart->id }}">{{ number_format(0, 2, '.', '') }}
                                                                    </span>{{ get_currency_suffix() }}
                                                                </span>
                                                            </td>
                                                        </tr>
                                                        @unless(empty(json_decode($packaging_options)))
                                                        <tr>
                                                            <th>
                                                                <a class="packaging-options" href="javascript:void(0)" data-toggle="popover" data-cart="{{ $cart->id }}" data-options="{{ $packaging_options }}" title="{{ trans('theme.packaging') }}">
                                                                    <u>{{ trans('theme.packaging') }}</u>
                                                                </a>
                                                                <em class="small text-muted" id="summary-packaging-name{{ $cart->id }}">
                                                                    {{ $default_packaging ? $default_packaging->name : '' }}
                                                                </em>
                                                            </th>
                                                            <td>
                                                                <span>{{ get_currency_prefix() }}
                                                                    <span id="summary-packaging{{ $cart->id }}">
                                                                        {{ number_format($default_packaging ? $default_packaging->cost : 0, 2, '.', '') }}
                                                                    </span>{{ get_currency_suffix() }}
                                                                </span>
                                                            </td>
                                                        </tr>
                                                        @endunless
                                                        <tr id="discount-section-li{{ $cart->id }}" style="display: {{ $cart->coupon ? 'block' : 'none' }};">
                                                            <th>{{ trans('theme.discount') }}
                                                                <em id="summary-discount-name{{ $cart->id }}" class="small text-muted">{{ $cart->coupon ? $cart->coupon->name . ' (' . $cart->coupon->getFormatedAmountText() . ')' : '' }}</em>
                                                            </th>
                                                            <td>
                                                                <span>-{{ get_currency_prefix() }}
                                                                    <span id="summary-discount{{ $cart->id }}">{{ $cart->coupon ? number_format($cart->discount, 2, '.', '') : number_format(0, 2, '.', '') }}
                                                                    </span>{{ get_currency_suffix() }}
                                                                </span>
                                                            </td>
                                                        </tr>

                                                        <tr id="tax-section-li{{ $cart->id }}" style="display: none;">
                                                            <th>{{ trans('theme.taxes') }}</th>
                                                            <td>
                                                                <span>{{ get_currency_prefix() }}
                                                                    <span id="summary-taxes{{ $cart->id }}">{{ number_format(0, 2, '.', '') }}</span>
                                                                    {{ get_currency_suffix() }}
                                                                </span>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                    <tfoot class="cart__totals-footer">
                                                        <tr >
                                                            <th><span>{{ trans('theme.total') }}</span></th>
                                                            <td>
                                                                <span>{{ get_currency_prefix() }}
                                                                    <span id="summary-grand-total{{ $cart->id }}">{{ number_format(0, 2, '.', '') }}</span>
                                                                    {{ get_currency_suffix() }}
                                                                </span>
                                                            </td>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                                @if (allow_checkout())
                                                    <button type="submit" form="formId{{ $cart->id }}" id="checkout-btn{{ $cart->id }}" class="btn btn-primary btn-xl btn-block cart__checkout-button pull-right">
                                                        <i class="fa fa-shopping-cart"></i> {{ trans('theme.button.buy_from_this_seller') }}
                                                    </button>
                                                @else
                                                    <a href="#nav-login-dialog" data-toggle="modal" data-target="#loginModal" class="btn btn-primary btn-xl btn-block cart__checkout-button pull-right">
                                                        <i class="fa fa-shopping-cart"></i> {{ trans('theme.button.buy_from_this_seller') }}
                                                    </a>
                                                @endif
{{--                                                <a class="btn btn-primary btn-xl btn-block cart__checkout-button" href="checkout.html">استكمال الدفع</a>--}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                @endforeach
                    <div class="row">
                        <div class="col-6 nopadding-right " style="margin-top: 20px;margin-right: 55px;">
                            <a href="{{ url('/') }}" class="btn btn-primary btn-xl btn-block cart__checkout-button">{{ trans('theme.button.continue_shopping') }}</a>
                        </div>
                        <div class="col-6 nopadding-left text-right">
                            @if (is_incevio_package_loaded('checkout'))
                                @include('checkout::_checkout_button')
                            @endif
                        </div>
                    </div>
            @else
                <div class="row">
                    <div class="col-12">
                        <p class="lead text-center my-5">
                            {{ trans('theme.empty_cart') }}<br /><br />
                            <a href="{{ url('/') }}" class="btn btn-primary flat">
                                <i class="fa fa-shopping-cart"></i> @lang('theme.button.shop_now')
                            </a>
                        </p>
                    </div>
                </div>
            @endif
        </div>
    </section>

@stop

@section('script')

    @include('website.modals.ship_to')
    @include('website.cart.scripts.cart')
    @include('website.cart.scripts.dynamic_checkout')
    <script src="{{asset('website/js/plugins.js')}}"></script>
    <script src="{{asset('website/js/main.js')}}"></script>
@stop