@extends('client.layouts.main')

@section('title', 'Shopping Cart')

@section('content')
<div class="row">
    <div class="col-md-8">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption"><span class="caption-subject theme-font bold uppercase">Cart Items</span></div>
            </div>
            <div class="portlet-body">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>Description</th>
                            <th>Type</th>
                            <th>Billing Cycle</th>
                            <th>Qty</th>
                            <th>Price</th>
                            <th>Setup Fee</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($cart->items as $item)
                        <tr>
                            <td>
                                @if($item->product)
                                    {{ $item->product->name }}
                                    @if($item->domain)
                                        <br><small class="font-grey-mint"><i class="fa fa-globe"></i> {{ $item->domain }}</small>
                                    @endif
                                @elseif($item->domain)
                                    {{ $item->domain }}
                                @else
                                    {{ ucfirst(str_replace('_', ' ', $item->item_type)) }}
                                @endif
                            </td>
                            <td><span class="label label-sm label-default">{{ ucfirst(str_replace('_', ' ', $item->item_type)) }}</span></td>
                            <td>{{ $item->billingCycle->name ?? ($item->quantity > 1 ? $item->quantity . ' Years' : '1 Year') }}</td>
                            <td>
                                @if(in_array($item->item_type, ['domain_register', 'domain_renewal']))
                                    <form action="{{ route('client.cart.update', $item->id) }}" method="POST" style="display:inline;">
                                        @csrf
                                        @method('PUT')
                                        <select name="years" class="form-control input-sm" style="width:70px;display:inline;" onchange="this.form.submit()">
                                            @for($y = 1; $y <= 10; $y++)
                                                <option value="{{ $y }}" {{ $item->quantity == $y ? 'selected' : '' }}>{{ $y }}</option>
                                            @endfor
                                        </select>
                                    </form>
                                @elseif($item->item_type === 'domain_transfer')
                                    1 <small class="font-grey-mint">(fixed)</small>
                                @else
                                    {{ $item->quantity }}
                                @endif
                            </td>
                            <td>{{ number_format($item->unit_price, 2) }}</td>
                            <td>{{ number_format($item->setup_fee, 2) }}</td>
                            <td>
                                <form action="{{ route('client.cart.remove', $item->id) }}" method="POST" style="display:inline;">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm red" title="Remove">
                                        <i class="fa fa-trash"></i>
                                    </button>
                                </form>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="7" class="text-center font-grey-mint">Your cart is empty.</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Coupon Section -->
        @if($cart->items->isNotEmpty())
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption"><span class="caption-subject theme-font bold uppercase">Coupon Code</span></div>
            </div>
            <div class="portlet-body">
                @if($cart->coupon)
                    <span style="margin-right:15px;">
                        <i class="fa fa-tag text-success"></i>
                        Coupon <strong>{{ $cart->coupon->code }}</strong> applied
                        ({{ $cart->coupon->type === 'percentage' ? $cart->coupon->value . '%' : number_format($cart->coupon->value, 2) }} off).
                    </span>
                    <form action="{{ route('client.cart.coupon.remove') }}" method="POST" style="display:inline;">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-sm red">
                            <i class="fa fa-times"></i> Remove
                        </button>
                    </form>
                @else
                    <form action="{{ route('client.cart.coupon.apply') }}" method="POST" class="form-inline">
                        @csrf
                        <div class="input-group">
                            <input type="text" name="code" class="form-control" placeholder="Enter coupon code" required>
                            <span class="input-group-btn">
                                <button type="submit" class="btn btn-success">Apply</button>
                            </span>
                        </div>
                    </form>
                @endif
            </div>
        </div>
        @endif
    </div>

    <div class="col-md-4">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption"><span class="caption-subject theme-font bold uppercase">Order Summary</span></div>
            </div>
            <div class="portlet-body">
                <table class="table table-bordered">
                    <tr>
                        <td>Subtotal</td>
                        <td class="text-right">{{ number_format($totals['subtotal'], 2) }}</td>
                    </tr>
                    @if($totals['setup_fees'] > 0)
                    <tr>
                        <td>Setup Fees</td>
                        <td class="text-right">{{ number_format($totals['setup_fees'], 2) }}</td>
                    </tr>
                    @endif
                    @if($totals['discount'] > 0)
                    <tr class="text-success">
                        <td>Discount</td>
                        <td class="text-right">-{{ number_format($totals['discount'], 2) }}</td>
                    </tr>
                    @endif
                    @if(($totals['tax'] ?? 0) > 0)
                    <tr>
                        <td>Tax</td>
                        <td class="text-right">{{ number_format($totals['tax'], 2) }}</td>
                    </tr>
                    @endif
                    <tr class="bold">
                        <td>Total</td>
                        <td class="text-right">{{ number_format($totals['total'], 2) }}</td>
                    </tr>
                </table>
            </div>
            @if($cart->items->isNotEmpty())
            <div class="panel-footer">
                <a href="{{ route('client.checkout.index') }}" class="btn btn-success btn-block">
                    <i class="fa fa-lock"></i> Proceed to Checkout
                </a>
            </div>
            @endif
        </div>

        <div class="portlet light">
            <div class="portlet-body text-center">
                <a href="{{ route('storefront.products') }}" class="btn btn-default">
                    <i class="fa fa-arrow-left"></i> Continue Shopping
                </a>
            </div>
        </div>
    </div>
</div>
@endsection