@extends('themes.organic.layouts.master')
@section('title', 'Shopping Cart')

@section('content')
<div class="container py-4">
    <h2 class="mb-4"><i class="fas fa-shopping-cart me-2 text-success"></i>আপনার কার্ট</h2>

    @php $cart = $cart ?? \App\Services\ThemeCartService::get(); @endphp

    @if(empty($cart))
    <div class="text-center py-5">
        <i class="fas fa-shopping-cart fa-5x text-muted mb-4 d-block opacity-50"></i>
        <h4 class="text-muted">কার্ট খালি আছে</h4>
        <a href="{{ route('frontend.home') }}" class="btn btn-primary mt-3">কেনাকাটা শুরু করুন</a>
    </div>
    @else
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-body p-0">
                    <table class="table mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>পণ্য</th>
                                <th>দাম</th>
                                <th>পরিমাণ</th>
                                <th>মোট</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($cart as $key => $item)
                            <tr data-cart-key="{{ $key }}">
                                <td>
                                    @if($item['thumbnail'])
                                    <img src="{{ asset($item['thumbnail']) }}" width="50" height="50" style="object-fit:cover;border-radius:6px;margin-right:8px;">
                                    @endif
                                    {{ $item['name'] }}
                                    @if(!empty($item['variant_label']))
                                    <br><small class="text-muted">{{ $item['variant_label'] }}</small>
                                    @elseif($item['size'])
                                    <br><small class="text-muted">Size: {{ $item['size'] }}</small>
                                    @endif
                                </td>
                                <td>৳{{ number_format($item['price']) }}</td>
                                <td><input type="number" value="{{ $item['qty'] }}" min="1" class="form-control" style="width:80px;" onchange="updateCart('{{ $key }}', this.value)"></td>
                                <td class="cart-line-total">৳{{ number_format($item['price'] * $item['qty']) }}</td>
                                <td><button class="btn btn-sm btn-outline-danger" onclick="removeFromCart('{{ $key }}')"><i class="fas fa-trash"></i></button></td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <h5 class="fw-bold mb-3">অর্ডার সামারি</h5>
                    @php $subtotal = collect($cart)->sum(fn($i) => $i['price'] * $i['qty']); @endphp
                    <div class="d-flex justify-content-between mb-2"><span>Subtotal</span><strong id="cartSubtotal">৳{{ number_format($subtotal) }}</strong></div>
                    <div class="d-flex justify-content-between mb-2"><span>Shipping</span><span class="text-muted">চেকআউটে নির্বাচন করুন</span></div>
                    <hr>
                    <div class="d-flex justify-content-between mb-3"><strong>Total</strong><strong class="text-success fs-5" id="cartTotal">৳{{ number_format($subtotal) }}</strong></div>
                    <a href="{{ route('frontend.checkout') }}" class="btn btn-primary w-100 btn-lg">
                        <i class="fas fa-credit-card me-2"></i>চেকআউট
                    </a>
                </div>
            </div>
        </div>
    </div>
    @endif
</div>
@endsection
@include('themes.shared.cart-page-scripts')