@extends("client.layouts.app")
@section("title", __("client.cart.title"))
@section("content")

<div class="pn-page-header">
    <div>
        <h1 class="pn-page-title">{{ __('client.cart.shopping_cart') }}</h1>
    </div>
    <a href="{{ route("client.store") }}" class="btn btn-outline">
        <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
        {{ __('client.cart.add_more_products') }}
    </a>
</div>

@if(session("success"))<div class="pn-alert pn-alert-success">{{ session("success") }}</div>@endif
@if(session("error"))<div class="pn-alert pn-alert-error">{{ session("error") }}</div>@endif

@if(empty($totals["items"]))
<div class="pn-card">
    <div class="pn-empty" style="padding:64px 24px">
        <div class="pn-empty-icon">&#128722;</div>
        <p>{{ __('client.cart.empty') }}</p>
        <a href="{{ route("client.store") }}" class="btn btn-primary">{{ __('client.cart.browse_products') }}</a>
    </div>
</div>
@else
<div class="pn-cart-grid">
    <div>
        <div class="pn-card mb-16">
            <div class="pn-card-header"><span class="pn-card-title">{{ __('client.cart.cart_items') }}</span></div>
            <div class="pn-card-body-flush">
                <table class="pn-table">
                    <thead>
                        <tr>
                            <th>{{ __('common.table.product') }}</th>
                            <th>{{ __('common.table.billing_cycle') }}</th>
                            <th style="text-align:right">{{ __('common.table.price') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($totals["items"] as $key => $item)
                        <tr>
                            <td>
                                @if(($item["type"] ?? "") === "domain")
                                {{-- A domain line said "Product", with a dash for its term. --}}
                                <div style="font-weight:600">{{ __(($item["action"] ?? "register") === "transfer" ? 'client.cart.line_domain_transfer' : 'client.cart.line_domain_register') }}</div>
                                @else
                                <div style="font-weight:600">{{ $item["product_name"] ?? $item["name"] ?? __('client.cart.product') }}</div>
                                @endif
                                @if(!empty($item["domain"]))<div class="text-muted text-sm">{{ $item["domain"] }}</div>@endif
                                {{-- What was configured: the options chosen on the order form, which
                                     the price already includes, and the addons, which are billed as
                                     lines of their own and were added to the total without being shown. --}}
                                @if(!empty($item["config_options"]))
                                <div class="text-muted text-sm">{{ collect($item["config_options"])->pluck('label')->filter()->implode(', ') }}</div>
                                @endif
                                @foreach($item["addons"] ?? [] as $addon)
                                <div class="text-muted text-sm" style="display:flex;justify-content:space-between;gap:12px;">
                                    <span>+ {{ $addon['name'] ?? __('client.cart.addons') }}</span>
                                    <span>{{ display_money_fmt($addon['price'] ?? 0) }}</span>
                                </div>
                                @endforeach
                                @if(($item["type"] ?? "") === "domain" && ($item["privacy_price"] ?? null) !== null)
                                {{-- WHOIS privacy, at the extension's price. --}}
                                <form method="POST" action="{{ route('client.cart.privacy', $item['line_id']) }}" class="text-sm" style="margin-top:4px;">
                                    @csrf
                                    <input type="hidden" name="privacy" value="{{ !empty($item['privacy']) ? '0' : '1' }}">
                                    <span>{{ __('client.cart.privacy_label') }}: {{ (float) $item['privacy_price'] > 0 ? __('client.cart.privacy_per_year', ['price' => display_money_fmt($item['privacy_price'])]) : __('client.cart.privacy_free') }}</span>
                                    <button type="submit" class="btn btn-default btn-xs" style="margin-left:6px;">{{ !empty($item['privacy']) ? __('common.actions.remove') : __('common.actions.add') }}</button>
                                </form>
                                @endif
                            </td>
                            <td class="text-muted" style="text-transform:capitalize">{{ ($item["type"] ?? "") === "domain" ? trans_choice('client.cart.line_years', (int) ($item["years"] ?? 1), ['count' => (int) ($item["years"] ?? 1)]) : ($item["billing_cycle"] ?? "-") }}</td>
                            <td style="text-align:right;font-weight:700">{{ display_money_fmt($item["price"] ?? 0) }}</td>
                            <td>
                                @if(!empty($item["comes_with"]))
                                {{-- Ordered with a hosting package: it is removed with that line. --}}
                                <span class="text-muted text-sm">{{ __('client.cart.comes_with', ['product' => $item["comes_with"]]) }}</span>
                                @else
                                <form method="POST" action="{{ route("client.cart.remove", $item["line_id"]) }}" style="display:inline">
                                    @csrf
                                    @method("DELETE")
                                    <button type="submit" class="btn btn-danger btn-xs">{{ __('common.actions.remove') }}</button>
                                </form>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        <div class="pn-card">
            <div class="pn-card-header"><span class="pn-card-title">{{ __('client.cart.promo_code') }}</span></div>
            <div class="pn-card-body">
                <form method="POST" action="{{ route("client.cart.promo") }}" style="display:flex;gap:8px;max-width:360px">
                    @csrf
                    <input type="text" name="code" class="form-control" placeholder="{{ __('client.cart.enter_promo_code') }}" value="{{ $totals["promo_code"] ?? "" }}">
                    <button type="submit" class="btn btn-outline" style="flex-shrink:0">{{ __('common.actions.apply') }}</button>
                </form>
                @if($totals["promo_code"] ?? false)
                <div class="pn-alert pn-alert-success mt-16">{{ __('client.cart.promo_applied', ['code' => $totals["promo_code"]]) }}</div>
                @endif
            </div>
        </div>
    </div>

    <div>
        <div class="pn-card" style="position:sticky;top:80px">
            <div class="pn-card-header"><span class="pn-card-title">{{ __('client.cart.order_summary') }}</span></div>
            <div class="pn-card-body">
                <div class="pn-order-row"><span class="key">{{ __('client.cart.subtotal') }}</span><span>{{ display_money_fmt($totals["subtotal"]) }}</span></div>
                @if(($totals["discount"] ?? 0) > 0)
                <div class="pn-order-row" style="color:var(--success)"><span>{{ __('client.cart.discount') }}</span><span>-{{ display_money_fmt($totals["discount"]) }}</span></div>
                @endif
                @if(($totals["tax"] ?? 0) > 0)
                <div class="pn-order-row"><span class="key">{{ __('client.cart.tax') }} ({{ $totals["tax_rate"] ?? 0 }}%)</span><span>{{ display_money_fmt($totals["tax"]) }}</span></div>
                @endif
                <div class="pn-order-row"><span>{{ __('client.cart.total') }}</span><span style="color:var(--primary)">{{ display_money_fmt($totals["total"]) }}</span></div>
                @include('client.cart.partials.currency-note')
                <a href="{{ route("client.cart.checkout") }}" class="btn btn-accent" style="width:100%;justify-content:center;margin-top:16px">
                    {{ __('client.cart.checkout') }} &rarr;
                </a>
                <a href="{{ route("client.store") }}" class="btn btn-outline" style="width:100%;justify-content:center;margin-top:8px">
                    {{ __('client.cart.continue_shopping') }}
                </a>
            </div>
        </div>
    </div>
</div>
@endif

@endsection