@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-8 mt-4">
                <h4 class="d-flex justify-content-between align-items-center mb-3">
                    <span class="text-muted">Tu carrito</span>
                    <span class="badge badge-secondary badge-pill">{{ $products->sum('quantity') }}</span>
                </h4>
                <ul class="list-group mt-3">
                    @foreach($products as $product)
                        <li class="list-group-item d-flex justify-content-between lh-condensed">
                            <div style="width: 100%">
                                <h5 class="my-0"><b><a href="{{ url("/product/{$product->id}/detail") }}">{{ ucfirst($product->name) }}  <small>{{ ucfirst($product->short_name) }}</small></a></b></h5>
                                <small class="text-muted">
                                    <span class="text-success">{{$product->stock}} Disponible</span><br>
                                    @if(!empty($product->getCouponActiveLabel()))
                                        <small class="text-secondary">Descuento de <b class="text-danger">{{ $product->getCouponActiveLabel() }}</b> aplicado</small>
                                    @endif
                                    <br>
                                    {{ $product->short_detail }}
                                    @if ($product->stock < $product->quantity)
                                        <div class="mt-3 text-danger">No tenemos la cantidad que solicitas</div>
                                    @endif
                                </small><br>
                                <div style="margin-right: 10px;" class="float-left">Cant: <b>{{ $product->quantity }}</b></div>
                                <form style="margin-right: 10px;" class="float-left" method="post" action="{{ route('sumToCart', ['id' => $product->id]) }}">
                                    @csrf
                                    <input type="hidden" name="quantity" value="{{ $product->quantity }}">
                                    <button class="btn  btn-sm"><i class="fa fa-plus"></i></button>
                                </form>
                                <form style="margin-right: 10px;" class="float-left" method="post" action="{{ route('removeToCart', ['id' => $product->id]) }}">
                                    @csrf
                                    <input type="hidden" name="quantity" value="{{ $product->quantity }}">
                                    <button class="btn btn-sm"><i class="fa fa-minus"></i></button>
                                </form>
                                <form style="margin-right: 10px;" class="float-left" method="post" action="{{ route('removeAllToCart', ['id' => $product->id]) }}">
                                    @csrf
                                    <input type="hidden" name="quantity" value="{{ $product->quantity }}">
                                    <button class="btn text-danger btn-sm"><i class="fa fa-trash"></i></button>
                                </form>
                            </div>
                            <div>
                                <b class="text-danger">US$@convert($product->getPrice())</b>
                            </div>
                        </li>
                    @endforeach
                </ul>
            </div>
            <div class="col-4">
                <div class="sticky-top pt-4">
                    <h4 class="d-flex justify-content-between align-items-center mb-3">
                        <span class="text-muted">Precios</span>
                    </h4>
                    <ul class="list-group mt-3">
                        <li class="list-group-item d-flex justify-content-between">
                            <span>Total</span>
                            <strong>US$ @convert(($products->sum('sub_price') - $discount))</strong>
                        </li>
                    </ul>
                    @if($products->sum('quantity') > 0)
                        <ul class="list-group mt-3">
                            <li class="list-group-item d-flex justify-content-between">
                                <span>Tarjeta de crédito o débito</span>
                                <div class="custom-control custom-radio">
                                    <input type="radio" id="payment_method_credit_card" v-model="paymentMethod" name="payment_method" class="custom-control-input" value="CARD" checked>
                                    <label class="custom-control-label" for="payment_method_credit_card"><i class="fa fa-credit-card"></i></label>
                                </div>
                            </li>
                            <li class="list-group-item d-flex justify-content-between">
                                <span>Paypal</span>
                                <div class="custom-control custom-radio">
                                    <input type="radio" id="payment_method_paypal" v-model="paymentMethod" name="payment_method" class="custom-control-input" value="PAYPAL">
                                    <label class="custom-control-label" for="payment_method_paypal"><i class="fa fa-paypal"></i></label>
                                </div>
                            </li>
                            <li class="list-group-item d-flex justify-content-between">
                                <span>Transferencia bancaria</span>
                                <div class="custom-control custom-radio">
                                    <input type="radio" id="payment_method_transfer" v-model="paymentMethod" name="payment_method" class="custom-control-input" value="TRANSFER">
                                    <label class="custom-control-label" for="payment_method_transfer"><i class="fa fa-money"></i></label>
                                </div>
                            </li>
                        </ul>
                        <ul class="list-group mt-3">
                            <li class="list-group-item d-flex justify-content-between">
                                <span>Envio a domicilio</span>
                                <div class="custom-control custom-radio">
                                    <input type="radio" id="shipping_method_shipment" v-model="shippingMethod" name="shipping_method" class="custom-control-input" value="SHIPMENT">
                                    <label class="custom-control-label" for="shipping_method_shipment"><i class="fa fa-send"></i></label>
                                </div>
                            </li>
                            <li class="list-group-item d-flex justify-content-between">
                                <span>Retiro en el local</span>
                                <div class="custom-control custom-radio">
                                    <input type="radio" id="shipping_method_retirement" v-model="shippingMethod" name="shipping_method" class="custom-control-input" value="RETIREMENT">
                                    <label class="custom-control-label" for="shipping_method_retirement"><i class="fa fa-shopping-bag"></i></label>
                                </div>
                            </li>
                        </ul>
                        @if($purchasable)
                            <a class="btn btn-primary btn-block text-white mt-3" :href="`/pre-invoice/${paymentMethod}/method/${shippingMethod}`"><i class="fa fa-shopping-cart"></i> Proceder al pago</a>
                        @else
                            <div class="mt-3 alert alert-danger">Tienes productos en tu carrito que <b>no están disponibles</b> por ahora.</div>
                        @endif
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection