@extends('master')
@section('style')
<link rel="stylesheet" href="{{mix('/assets/css/cart.css')}}">
<link rel="stylesheet" href="{{mix('/assets/css/checkout.css')}}">
<link rel="stylesheet" href="/assets/plugins/sweetalert2/sweetalert2.min.css">
@endsection
@section('content')
<section class="main-title-section-wrapper default">
    <div class="container">
        <div class="main-title-section">
            <h1>Mi carrito</h1>
        </div>
        <div class="breadcrumb"><a href="/">Inicio</a><span class="fa default"></span><span class="current">Mi carrito</span></div>
    </div>
</section>
@php
$total = 0.00;
@endphp
@if(!empty($cart))
<main class="main">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <center><span style="font-size: 18px">¡Tu carro tiene <b>{{count($cart)}}</b> ítems!</span></center>
                <div class="cart-table-container" style="margin-top: 10px">
                    <table class="table table-cart">
                        <thead>
                            <tr>
                                <th></th>
                                <th>Título</th>
                                <th>Precio</th>
                                <th>&nbsp;</th>
                                <th>Cantidad</th>
                                <th>Subtotal</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($cart as $x => $item)
                            @php
                            $total = $total + $item['ListingPrice']*$item['Quantity'];
                            $max_item = 1;
                            if(!empty($item['SubOfferID']) and $item['SubOfferID']>0){
                            if(!empty($item['NumberItemsAvailable']) and $item['NumberItemsAvailable']>0){
                            if($item['NumberItemsAvailable'] > $item['NumberItemsSold']){
                                $available = $item['NumberItemsAvailable'] - $item['NumberItemsSold'];
                            if($available >= $item['MaxSoldPerCustomer']){
                                $max_item = $item['MaxSoldPerCustomer'];
                                }else{
                                    $max_item = $available;
                                }
                            }
                                }else{
                                    $max_item = $item['MaxSoldPerCustomer'];
                                }
                            }else{
                                $max_item = $item['MaxSoldPerCustomer'];
                            }
                            @endphp
                            <tr class="product-row" id="item-{{$x}}">
                                <td style="width: 120px">
                                    <figure class="product-image-container">
                                        <a href="/descuento/{{$item['OfferID']}}-{{$item['Slug']}}" class="product-image">
                                        <img src="{{config('app.cdn_image')}}/images/offers/350x210/{{$item['MediaFileName']}}" alt="product">
                                        </a>                                        
                                    </figure>
                                </td>
                                <td class="product-col">
                                    <h5 class="product-title">
                                        <span><b>{{$item['MerchantName']}}</b></span>
                                        <a href="/descuento/{{$item['OfferID']}}-{{$item['Slug']}}">{{$item['Title']}} @if(!empty($item['SubGroupLevel1'])) ({{$item['SubGroupLevel1']}} @if(!empty($item['SubGroupLevel2'])) | {{$item['SubGroupLevel2']}} @endif @if(!empty($item['SubGroupLevel3'])) | {{$item['SubGroupLevel3']}} @endif @if(!empty($item['SubGroupDate'])) | {{$item['SubGroupDate']}} @endif @if(!empty($item['SubGroupTime'])) | {{$item['SubGroupTime']}}@endif) @endif</a>
                                    </h5>
                                </td>
                                <td>
                                    <a href="javascript:;" onclick="deleteItem({{$x}}, '{{HelperGeneral::encryp($item['OfferID'])}}', '{{HelperGeneral::encryp($item['SubOfferID'])}}')">
                                        <i class="fa fa-trash"></i>
                                        <span>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
                                                <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"></path>
                                                <path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"></path>
                                            </svg>
                                            Eliminar 
                                        </span>
                                    </a>
                                </td>
                                <td>S/. {{number_format($item['ListingPrice'], 2, '.', '')}}</td>
                                <td>
                                    <select class="form-control quantity-cart" onchange="updateItem({{$x}}, this.value, '{{HelperGeneral::encryp($item['OfferID'])}}', '{{HelperGeneral::encryp($item['SubOfferID'])}}')">
                                    @for ($i=1; $i<=$max_item; $i++)
                                    <option value="{{$i}}" @if(!empty($item['Quantity']) and $i==$item['Quantity']) selected @endif>{{$i}}</option>
                                    @endfor
                                    </select>
                                </td>
                                <td class="text-right"><span class="subtotal-price">S/. <span id="subtotal-{{$x}}" class="subtotal">{{number_format($item['ListingPrice']*$item['Quantity'], 2, '.', '')}}</span></span></td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <!-- End .cart-table-container -->
            </div>
            <div class="col-lg-12" style="justify-content: end; display: flex;">
                <div class="" style="margin-bottom: 14px; margin-right: 10px; font-size: 16px"><b>Total</b> : <span>S/.</span><span id="total">{{number_format($total, 2, '.', '')}}</span></div>
            </div>
            <div class="col-lg-12" style="margin-bottom: 50px;justify-content: end; display: flex;">
                <div style="margin: 0 10px 0 10px;"><a style="width: 170px;" href="/descuentos" class="dt-sc-button small purple icon-right with-icon btn-block filled type1">Agregar más items<i class="fa fa-arrow-right"></i></a></div>
                <div><a style="width: 100px" href="/checkout" class="dt-sc-button small red icon-right with-icon btn-block filled type1">Comprar<i class="fa fa-arrow-right"></i></a></div>
            </div>
        </div>
        <!-- End .row -->
    </div>
    <!-- End .container -->
</main>
<!-- End .main -->
@endif
<!-- **Container - End** -->
@endsection
@section('scripts')
<script src="/assets/plugins/sweetalert2/sweetalert2.min.js"></script>
<script src="{{mix('/assets/js/pages/cart.js')}}"></script>
@endsection