@extends('web.layouts.layout')

@section('content')

    @php
        $otherData = $orderSummary['other_data'] ?? [];
        $pricesByCurrency = $orderSummary['prices_by_currency'] ?? [];
        $parsedPrices = $orderSummary['parsed_prices'] ?? [];
    @endphp
    <main>
        <!-- Start section -->
        <section class="cart_pg section cart-page">
            <div class="container">
                <h2 class="title_w_shape w-fit mx-auto mb-5"><span> {{ $title }} </span></h2>
                <div id="cart-page-wrapper">
                    @if(!empty($otherData['cart_details']))
                        <div class="row">
                            <div class="col-lg-8">
                                <div class="box mb-5">
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                            <tr>
                                                <th>{{ __('carts::carts.item_name') }}</th>
                                                <th>{{ __('products::products.qty') }}</th>
                                                <th>{{ __('products::products.price') }}</th>
                                                <th>{{ __('carts::carts.total') }}</th>
                                                <th></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($otherData['cart_details'] as $rowId => $item)
                                                @php
                                                    $orderDetail = $item['order_detail'];
                                                    $product = $item['product'];
                                                @endphp
                                                <tr class="cart-item cart-item-{{ $rowId }}"
                                                    data-id="{{ $orderDetail['product_id'] ?? 0 }}">
                                                    <td>{{ $product->currentDescription->title ?? "" }}</td>
                                                    <td>
                                                        <div class="qty-container">
                                                            <button class="qty-btn-minus btn-light" type="button"><i
                                                                    class="fa fa-minus"></i></button>
                                                            <input type="text" name="qty"
                                                                   value="{{ $orderDetail['qty'] ?? 0 }}"
                                                                   class="input-qty"/>
                                                            <button class="qty-btn-plus btn-light" type="button"><i
                                                                    class="fa fa-plus"></i></button>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        {{ format_amount_with_currency($orderDetail['price'] ?? 0, $otherData['iso_code']) }}
                                                          <img src="{{asset('assets/web/images/sar.png')}}" class="sar " alt=""/> 
                                                    </td>
                                                    <td class="item-subtotal">
                                                        {{ format_amount_with_currency($orderDetail['subtotal'] ?? 0, $otherData['iso_code']) }}
                                                          <img src="{{asset('assets/web/images/sar.png')}}" class="sar " alt=""/> 
                                                    </td>
                                                    <td>
                                                        <button
                                                            type="button"
                                                            data-row-id="{{ $rowId }}"
                                                            class="delete_butn butn sm_butn rounded-circle gray_butn mx-auto">
                                                            <i class="fa-light fa-trash mx-0"></i>
                                                        </button>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="summary_checkout">
                                    <h4 class="title">{{ __('carts::carts.cart_total') }}</h4>
                                    <div class="">
                                        <div class="item d-flex align-items-center justify-content-between">
                                            <span>{{ __('carts::carts.item_price') }}</span>
                                            <span>
                                                <span
                                                    class="color-primary summery-subtotal">{{ $parsedPrices['subtotal']['amount'] ?? 0 }}</span>
                                                <small>{{ $parsedPrices['subtotal']['currency'] ?? '' }} 
                                                  <img src="{{asset('assets/web/images/sar.png')}}" class="sar " alt=""/> </small>
                                            </span>
                                        </div>
                                        <div class="item d-flex align-items-center justify-content-between">
                                            <span>{{ __('carts::carts.vat') }}</span>
                                            <span>
                                                <span
                                                    class="color-primary summery-tax-amount">{{ $parsedPrices['tax_amount']['amount'] ?? 0 }}</span>
                                                <small>{{ $parsedPrices['tax_amount']['currency'] ?? '' }}
                                                  <img src="{{asset('assets/web/images/sar.png')}}" class="sar " alt=""/> </small>
                                            </span>
                                        </div>
                                        <div class="item d-flex align-items-center justify-content-between">
                                            <span>{{ __('carts::carts.total') }}</span>
                                            <span>
                                                <span
                                                    class="color-primary summery-total">{{ $parsedPrices['total']['amount'] ?? 0 }}</span>
                                                <small>{{ $parsedPrices['total']['currency'] ?? '' }}
                                                  <img src="{{asset('assets/web/images/sar.png')}}" class="sar filterPrimary " alt=""/> </small>
                                            </span>
                                        </div>
                                    </div>

                                    <div class="row butns mt-5">
                                        <div class="col-6">
                                            <a href="{{ route('web.home') }}"
                                               class="butn primary_border_butn rounded w-100">
                                                <span> {{ __('carts::carts.back_to_home') }} </span>
                                            </a>
                                        </div>
                                        <div class="col-6">
                                            <a href="{{ route('web.checkout.index') }}"
                                               class="butn primary_butn rounded w-100">
                                                <span> {{ __('carts::carts.pay_now') }} </span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @else
                        <div class="row">
                            <div class="col-lg-12">
                                <div
                                    class="alert alert-info text-center">{{ __('carts::carts.shopping_cart_empty') }}</div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </section>
    </main>

    <!-- Modal -->
    <div class="modal  delModal fade" id="delModal" tabindex="-1" aria-labelledby="exampleModalLabel"
         role="dialog"
         aria-modal="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                <div class="modal-body">
                    <div class="content text-center mt-4">
                        <h4 class="title fs-2 text-dark mb-4"><b> {{ __('carts::carts.delete_item') }} </b></h4>
                        <h5 class="mb-4"> {{ __('carts::carts.sure_delete') }} </h5>
                        <div class="d-flex justify-content-center align-items-center justify-content-center mt-5">
                            <button type="button" class="butn btn-secondary  mx-1" data-bs-dismiss="modal">
                                {{ __('general.no') }}
                            </button>
                            <button type="button"
                                    data-row-id=""
                                    data-modal-id="delModal"
                                    class="butn primary_butn mx-1 remove_from_cart">
                                {{ __('general.yes') }}
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('stack_scripts')

@endpush