@extends('layout')
@section('title', 'Cart')
@section('content')
 @if(session('customer_id'))
 <nav aria-label="breadcrumb" class="mt-2">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/account">{{ __('text.dashboard') }}</a></li>
    <li class="breadcrumb-item active" aria-current="page"> {{ __('text.cart') }} </li>
  </ol>
</nav>
 @endif
<div class="container">
    <div class="row">
        <h2>{{ __('text.add_cart') }}</h2>
        <table class="table">
            <thead>
                <tr>
                    <th>{{ __('text.products') }}</th>
                    <th>{{ __('text.image') }}</th>
                    <th>{{ __('text.quantity') }}</th>
                    <th>{{ __('text.price') }}</th>
                    <th>{{ __('text.sub_total') }}</th>
                    <th>{{ __('text.remove') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($cart as $productId => $item)
                <tr>
                    <td>{{ $item['name'] }}</td>
                    <td><img src="{{ $item['image'] ? asset('public/storage/product/'.$item['image']) : asset('/public/storage/blog/no imge.jpg') }}"
                            class="card-img card-img-top" alt="Product Image" style="width: 70px;"></td>
                    <td>
    <button onclick="decrementQuantity('{{ $item['product_id'] }}')" class="decrement_cart" data-id="{{ $item['product_id'] }}">-</button>
    <span id="quantityDisplay{{ $item['product_id'] }}">{{ $item['quantity'] }}</span>
    <button onclick="incrementQuantity('{{ $item['product_id'] }}')" class="add-to-cart" data-id="{{ $item['product_id'] }}">+</button>
</td>
<td>
    @if(session('currency_id'))
        {{ session('currency_symbol') }}
        @php
            $currencyValue = session('value') ?? 1; 
            $itemPrice = is_object($item) ? $item->price : ($item['price'] ?? 0);
            $totalPrice = $currencyValue * $itemPrice;
        @endphp
        <span class="price">{{ $totalPrice }}</span>
    @else
       {{ $symbol }}<span class="priceD">{{ $item['price'] }}</span>
    @endif
</td>
<td>
    @php
        $subtotals = $item['price'] * $item['quantity'];
        $currencySymbol = session('currency_symbol', $symbol);
        $currencyValue = session('value', 1);
        $subtotalConverted = $currencyValue * $subtotals;
    @endphp
    @if(session('currency_id'))
        {{ $currencySymbol }} <span class="sub_total">{{ number_format($subtotalConverted, 2) }}</span>
    @else
        {{ $symbol }}<span class="sub_totalD">{{ $subtotal }}</span>
    @endif
</td>


                    <td>
                        <button class="btn btn-danger remove-item" data-product-id="{{ $item['product_id'] }}"
                            data-quantity="{{ $item['quantity'] }}">
                            <i class="fas fa-times-circle"></i> {{ __('text.remove') }}
                        </button>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>

        <div class="row g-4 justify-content-end">
            <div class="col-8"></div>
            <div class="col-sm-8 col-md-7 col-lg-6 col-xl-4">
                <div class="bg-light rounded">
                    <div class="p-4">
                        <h1 class="display-6 mb-4">{{ __('text.cart') }} <span class="fw-normal">{{ __('text.total') }}</span></h1>
                       <div class="d-flex justify-content-between mb-4">
    <h5 class="mb-0 me-4">{{ __('text.sub_total') }}:</h5>
    <p class="mb-0">
        {{ session('currency_symbol', $symbol) }} 
        <span id="subtotal">{{ number_format(session('value', 1) * $subtotal, 2) }}</span>
    </p>
</div>

<div class="d-flex justify-content-between">
    <h5 class="mb-0 me-4">{{ __('text.shipping') }}</h5>
    <div class="">
        <p class="mb-0">{{ session('currency_symbol', $symbol) }} 0</p>
    </div>
</div>

<div class="py-4 mb-4 border-top border-bottom d-flex justify-content-between">
    <h5 class="mb-0 ps-4 me-4">{{ __('text.total') }}</h5>
    <p class="mb-0 pe-4">
        {{ session('currency_symbol', $symbol) }} 
        <span id="total">{{ number_format(session('value', 1) * $subtotal, 2) }}</span>
    </p>
</div>

                   <a href="/checkout">
                    <button class="btn border-secondary rounded-pill px-4 py-3 text-primary text-uppercase mb-4 ms-4" type="button">
                        {{ __('text.checkout') }}
                    </button>
                </a>
                </div>
            </div>
        </div>
    </div>
</div>

</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
    var quantities = {
        @foreach ($cart as $productId => $item)
            '{{ $item['product_id'] }}': {{ $item['quantity'] }},
        @endforeach
    };

//  Use for Default currency

 

    function updateSubtotal(productId) {
    // Check if session currency is being used
    var currencySessionActive = $("button[data-id='" + productId + "']").closest('tr').find('.price').length > 0;

    var price, sub_total;
    if (currencySessionActive) {
        price = parseFloat($("button[data-id='" + productId + "']").closest('tr').find('.price').text());
        sub_total = price * quantities[productId];
        $("button[data-id='" + productId + "']").closest('tr').find('.sub_total').text(sub_total.toFixed(2));
      calculateTotal();
    } else {
        price = parseFloat($("button[data-id='" + productId + "']").closest('tr').find('.priceD').text());
        sub_total = price * quantities[productId];
        $("button[data-id='" + productId + "']").closest('tr').find('.sub_totalD').text(sub_total.toFixed(2));
        calculateTotalD();
    }

   
}

function incrementQuantity(productId) {
    quantities[productId]++;
    updateQuantityDisplay(productId);
    updateSubtotal(productId);
}

function decrementQuantity(productId) {
    if (quantities[productId] > 1) {
        quantities[productId]--;
        updateQuantityDisplay(productId);
        updateSubtotal(productId);

        $.ajax({
            type: 'POST',
            url: '/dec_to_cart',
            data: {
                product_id: productId,
                quantity: 1,
                _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                // Handle success if needed
            },
            error: function(xhr, status, error) {
                console.error(xhr.responseText);
            }
        });
    }
}

function updateQuantityDisplay(productId) {
    $("#quantityDisplay" + productId).text(quantities[productId]);
}
 function calculateTotalD() {
        var total = 0;
         var subtotal = 0;
        $('.sub_totalD').each(function() {
            total += parseFloat($(this).text());
            subtotal += parseFloat($(this).text());
        });
        $('#subtotal').text(total.toFixed());
        $('#total').text(total.toFixed());
    }
    function calculateTotal() {
        var total = 0;
         var subtotal = 0;
        $('.sub_total').each(function() {
            total += parseFloat($(this).text());
            subtotal += parseFloat($(this).text());
        });
        $('#subtotal').text(total.toFixed());
        $('#total').text(total.toFixed());
    }

</script>
@endsection