@extends('layouts.frontLayout.front_design')

@section('content')
@php
    use App\Models\Product;
@endphp

<section id="cart_items">
    <div class="container">
        <div class="breadcrumbs">
            <ol class="breadcrumb">
              <li><a href="{{ route('front.index') }}">Inicio</a></li>
              <li class="active">Carrito de Compras</li>
            </ol>
        </div>
        <div class="table-responsive cart_info">

            @if(Session::has('flash_message_error'))
                <div class="alert alert-danger alert-block">
                    <button type="button" class="close" data-dismiss="alert">×</button>
                    <strong>{!! session('flash_message_error') !!}</strong>
                </div>
            @endif
            @if(Session::has('flash_message_success'))
                <div class="alert alert-success alert-block">
                    <button type="button" class="close" data-dismiss="alert">×</button>
                    <strong>{!! session('flash_message_success') !!}</strong>
                </div>
            @endif

            <table class="table table-condensed">
                <thead>
                    <tr class="cart_menu">
                        <td class="image">Producto</td>
                        <td class="description">Descripción</td>
                        <td class="price">Precio</td>
                        <td class="quantity">Cantidad</td>
                        <td class="total">Total</td>
                        <td></td>
                    </tr>
                </thead>
                <tbody>
                    @php
                        $totalAmount = 0;
                    @endphp
                    @foreach ($userCart as $cart)
                        <tr>
                            <td class="cart_product">
                                <a href="">
                                    <img
                                        style="width: 50px; height: 50px;"
                                        src="{{ asset('images/backend_images/products/small/' .  $cart->image) }}"
                                        alt=""
                                    >
                                </a>
                            </td>
                            <td class="cart_description">
                                <h4><a href="">{{ $cart->product_name }}</a></h4>
                                <p>{{ $cart->product_code }} | {{ $cart->size }}</p>
                            </td>
                            <td class="cart_price">
                                @php
                                    $productPrice = Product::getProductPrice($cart->product_id, $cart->size);
                                @endphp
                                <p>$ {{ $productPrice }}</p>
                            </td>
                            <td class="cart_quantity">
                                <div class="cart_quantity_button">
                                    <a
                                        class="cart_quantity_up"
                                        href="{{ route('front.cart.update-quantity', ['id' => $cart->id, 'quantity' => 1]) }}"
                                    >
                                        +
                                    </a>
                                    <input class="cart_quantity_input" type="text" name="quantity" value="{{ $cart->quantity }}" autocomplete="off" size="2">
                                    @if ($cart->quantity > 1)
                                        <a
                                            class="cart_quantity_down"
                                            href="{{ route('front.cart.update-quantity', ['id' => $cart->id, 'quantity' => -1]) }}"
                                        >
                                            -
                                        </a>
                                    @endif
                                </div>
                            </td>
                            <td class="cart_total">
                                <p class="cart_total_price">$ {{ ($productPrice * $cart->quantity) }}</p>
                            </td>
                            <td class="cart_delete">
                                <a
                                    class="cart_quantity_delete"
                                    href="{{ route('front.cart.delete-product', ['id' => $cart->id]) }}"
                                    style="color: red;"
                                >
                                    <i class="fa fa-times"></i>
                                </a>
                            </td>
                        </tr>
                        @php
                            $totalAmount = $totalAmount + ($productPrice * $cart->quantity);
                        @endphp
                    @endforeach

                    {{-- <tr>
                        <td class="cart_product">
                            <a href=""><img src="images/cart/one.png" alt=""></a>
                        </td>
                        <td class="cart_description">
                            <h4><a href="">Colorblock Scuba</a></h4>
                            <p>Web ID: 1089772</p>
                        </td>
                        <td class="cart_price">
                            <p>$59</p>
                        </td>
                        <td class="cart_quantity">
                            <div class="cart_quantity_button">
                                <a class="cart_quantity_up" href=""> + </a>
                                <input class="cart_quantity_input" type="text" name="quantity" value="1" autocomplete="off" size="2">
                                <a class="cart_quantity_down" href=""> - </a>
                            </div>
                        </td>
                        <td class="cart_total">
                            <p class="cart_total_price">$59</p>
                        </td>
                        <td class="cart_delete">
                            <a class="cart_quantity_delete" href=""><i class="fa fa-times"></i></a>
                        </td>
                    </tr>

                    <tr>
                        <td class="cart_product">
                            <a href=""><img src="images/cart/two.png" alt=""></a>
                        </td>
                        <td class="cart_description">
                            <h4><a href="">Colorblock Scuba</a></h4>
                            <p>Web ID: 1089772</p>
                        </td>
                        <td class="cart_price">
                            <p>$59</p>
                        </td>
                        <td class="cart_quantity">
                            <div class="cart_quantity_button">
                                <a class="cart_quantity_up" href=""> + </a>
                                <input class="cart_quantity_input" type="text" name="quantity" value="1" autocomplete="off" size="2">
                                <a class="cart_quantity_down" href=""> - </a>
                            </div>
                        </td>
                        <td class="cart_total">
                            <p class="cart_total_price">$59</p>
                        </td>
                        <td class="cart_delete">
                            <a class="cart_quantity_delete" href=""><i class="fa fa-times"></i></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="cart_product">
                            <a href=""><img src="images/cart/three.png" alt=""></a>
                        </td>
                        <td class="cart_description">
                            <h4><a href="">Colorblock Scuba</a></h4>
                            <p>Web ID: 1089772</p>
                        </td>
                        <td class="cart_price">
                            <p>$59</p>
                        </td>
                        <td class="cart_quantity">
                            <div class="cart_quantity_button">
                                <a class="cart_quantity_up" href=""> + </a>
                                <input class="cart_quantity_input" type="text" name="quantity" value="1" autocomplete="off" size="2">
                                <a class="cart_quantity_down" href=""> - </a>
                            </div>
                        </td>
                        <td class="cart_total">
                            <p class="cart_total_price">$59</p>
                        </td>
                        <td class="cart_delete">
                            <a class="cart_quantity_delete" href=""><i class="fa fa-times"></i></a>
                        </td>
                    </tr> --}}

                </tbody>
            </table>
        </div>
    </div>
</section> <!--/#cart_items-->

<section id="do_action">
    <div class="container">
        <div class="heading">
            <h3>Que desea hacer?</h3>
            {{-- <p>Choose if you have a discount code or reward points you want to use or would like to estimate your delivery cost.</p> --}}
            <p>Escoja si tiene un código de descuento.</p>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="chose_area">
                    <ul class="user_option">
                        <li>
                            <form
                                method="post"
                                action="{{ route('front.cart.apply-coupon') }}"
                                name=""
                                id=""
                            >
                                @csrf
                                <label>Usar un cupón</label>
                                <input type="text" name="coupon_code" id="coupon_code">
                                <input type="submit" value="Aplicar" class="btn btn-default" name="" id="">
                            </form>
                        </li>
                        {{-- <li>
                            <input type="checkbox">
                            <label>Use Coupon Code</label>
                            <label>Usar un cupón</label>
                        </li>
                        <li>
                            <input type="checkbox">
                            <label>Use Gift Voucher</label>
                        </li>
                        <li>
                            <input type="checkbox">
                            <label>Estimate Shipping & Taxes</label>
                        </li> --}}
                    </ul>
                    {{-- <ul class="user_info">
                        <li class="single_field">
                            <label>País:</label>
                            <select>
                                <option>Colombia</option>
                                <option>United States</option>
                                <option>UK</option>
                                <option>India</option>
                                <option>China</option>
                            </select>

                        </li>
                        <li class="single_field">
                            <label>Departamento:</label>
                            <select>
                                <option>Select</option>
                                <option>Bogotá</option>
                                <option>NY</option>
                                <option>London</option>
                                <option>India</option>
                                <option>Beijing</option>
                            </select>

                        </li>
                        <li class="single_field zip-field">
                            <label>Código postal:</label>
                            <input type="text">
                        </li>
                    </ul> --}}
                    {{-- <a class="btn btn-default update" href="">Cuotas</a>
                    <a class="btn btn-default check_out" href="">Continuar</a> --}}
                </div>
            </div>
            <div class="col-sm-6">
                <div class="total_area">
                    @php
                        $iva = $totalAmount * 0.19;
                        $envio = 0;
                    @endphp
                    {{-- {{ "es: " .  Session::get('CouponAmount') }} --}}
                    <ul>
                        @if (!empty(Session::get('CouponAmount')))
                            <li>Sub Total:&nbsp;
                                <span>$ {{ $totalAmount }}</span>
                            </li>
                            <li>IVA 19%:&nbsp;
                                <span>$ {{ $iva }}</span>
                            </li>
                            <li>Descuento:&nbsp;
                                <span>$ {{ Session::get('CouponAmount') }}</span>
                            </li>
                            <li>Costo envío Gratis:&nbsp;
                                <span>{{ $envio }}</span>
                            </li>
                            <li>Total:&nbsp;
                                @php
                                    $getCurrencyRates = Product::getCurrencyRates(($totalAmount + $iva - Session::get('CouponAmount') + $envio));
                                @endphp
                                <span
                                    class="btn-secondary"
                                    data-toggle="tooltip"
                                    data-html="true"
                                    title="
                                        USD {{ $getCurrencyRates['USD_Rate'] }}
                                        GBP {{ $getCurrencyRates['GBP_Rate'] }}
                                        EUR {{ $getCurrencyRates['EUR_Rate'] }}
                                    "
                                >
                                    $ {{ ($totalAmount + $iva - Session::get('CouponAmount') + $envio) }}
                                </span>
                            </li>
                        @else
                            @php
                                $getCurrencyRates = Product::getCurrencyRates($totalAmount);
                            @endphp
                            <li>Total:&nbsp;
                                <span
                                    class="btn-secondary"
                                    data-toggle="tooltip"
                                    data-html="true"
                                    title="
                                        USD {{ $getCurrencyRates['USD_Rate'] }}
                                        GBP {{ $getCurrencyRates['GBP_Rate'] }}
                                        EUR {{ $getCurrencyRates['EUR_Rate'] }}
                                    "
                                >
                                    $ {{ $totalAmount }}
                                </span>
                            </li>
                        @endif
                    </ul>
                        <a class="btn btn-default update" href="">Actualizar</a>
                        <a class="btn btn-default check_out" href="{{ route('front.checkout') }}">Comprar</a>
                </div>
            </div>
        </div>
    </div>
</section><!--/#do_action-->

@endsection