@extends('storefront.layouts.app')
@section('title', __('My Cart'))

@section('content')
<div class="container">
    <h1 class="h4 fw-bold mb-4">{{ __('My Cart') }}</h1>

    @if($lines->isEmpty())
        <div class="text-center py-5">
            <i class="bi bi-cart-x fs-1 text-muted d-block mb-3"></i>
            <p class="text-muted">{{ __('Your cart is empty.') }}</p>
            <a href="{{ route('shop') }}" class="btn btn-primary">{{ __('Continue Shopping') }}</a>
        </div>
    @else
        <div class="row g-4">
            <div class="col-lg-8">
                <div class="card border-0 shadow-sm">
                    <div class="table-responsive">
                        <table class="table align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>{{ __('Product') }}</th>
                                    <th class="text-end">{{ __('Price') }}</th>
                                    <th class="text-center" style="width:150px">{{ __('Quantity') }}</th>
                                    <th class="text-end">{{ __('Subtotal') }}</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($lines as $line)
                                    <tr>
                                        <td>
                                            <div class="d-flex align-items-center gap-2">
                                                <img src="{{ $line['image'] }}" style="width:56px;height:56px;object-fit:cover" class="rounded" alt="">
                                                <div>
                                                    <a href="{{ route('product.show', $line['slug']) }}" class="text-dark fw-semibold small">{{ $line['name'] }}</a>
                                                    @if($line['variation_label'])<div class="text-muted small">{{ $line['variation_label'] }}</div>@endif
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-end">{{ money($line['unit_price']) }}</td>
                                        <td class="text-center">
                                            <form action="{{ route('cart.update', $line['key']) }}" method="POST" class="d-inline-flex">
                                                @csrf @method('PATCH')
                                                <input type="number" name="quantity" value="{{ $line['quantity'] }}" min="1" max="{{ $line['max_qty'] }}" class="form-control form-control-sm text-center" style="width:70px" onchange="this.form.submit()">
                                            </form>
                                        </td>
                                        <td class="text-end fw-semibold">{{ money($line['line_total']) }}</td>
                                        <td class="text-end">
                                            <form action="{{ route('cart.remove', $line['key']) }}" method="POST">
                                                @csrf @method('DELETE')
                                                <button class="btn btn-sm btn-link text-danger"><i class="bi bi-trash"></i></button>
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <a href="{{ route('shop') }}" class="btn btn-outline-secondary mt-3"><i class="bi bi-arrow-left me-1"></i>{{ __('Continue Shopping') }}</a>
            </div>

            {{-- Summary --}}
            <div class="col-lg-4">
                <div class="card border-0 shadow-sm">
                    <div class="card-body">
                        <h5 class="fw-bold mb-3">{{ __('Order Summary') }}</h5>

                        <form action="{{ route('cart.coupon.apply') }}" method="POST" class="mb-3">
                            @csrf
                            <div class="input-group input-group-sm">
                                <input type="text" name="code" class="form-control" placeholder="{{ __('Coupon Code') }}" value="{{ $coupon->code ?? '' }}">
                                <button class="btn btn-outline-primary">{{ __('Apply') }}</button>
                            </div>
                        </form>

                        <div class="d-flex justify-content-between mb-2"><span>{{ __('Subtotal') }}</span><span>{{ money($subtotal) }}</span></div>
                        @if($discount > 0)
                            <div class="d-flex justify-content-between mb-2 text-success">
                                <span>{{ __('Discount') }} ({{ $coupon->code }})
                                    <a href="#" onclick="event.preventDefault();document.getElementById('rmCoupon').submit()" class="small text-danger">×</a>
                                </span>
                                <span>-{{ money($discount) }}</span>
                            </div>
                            <form id="rmCoupon" action="{{ route('cart.coupon.remove') }}" method="POST">@csrf</form>
                        @endif
                        <div class="d-flex justify-content-between mb-2 text-muted small"><span>{{ __('Shipping Charge') }}</span><span>{{ __('Checkout') }}</span></div>
                        <hr>
                        <div class="d-flex justify-content-between fw-bold fs-5"><span>{{ __('Total') }}</span><span class="text-primary">{{ money($subtotal - $discount) }}</span></div>

                        <a href="{{ route('checkout.index') }}" class="btn btn-primary w-100 mt-3">{{ __('Proceed to Checkout') }}</a>
                    </div>
                </div>
            </div>
        </div>
    @endif
</div>
@endsection