@extends('web.layouts.layout')
@section('content')


    <main>
        <!-- Start pg_header -->
        @include('web.pages.components.header.header')


        <!-- Start section -->
        <section class="cart_pg section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-9">
                        <div class="box ">
                            <div class="table-responsive" id="products">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 " id="calculate">
                    </div>
                    <div class="col-lg-9">
                        <div class="butns mt-5 d-flex justify-content-between align-items-center">
                            <a href="{{route('web.product')}}" class="butn gray_butn color-primary">
                                {{__('web.continue_cart')}}
                            </a>
                            <a href="{{route('web.checkout.address')}}" class="butn primary_butn">
                                {{__('web.ordering')}}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>


    </main>

    <div class="modal  delModal fade" id="delModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="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>  {{__('web.delete_product')}}  </b></h4>
                        <h5 class="mb-4">{{__('web.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">{{__('web.no')}}</button>
                            <button type="button" id="deleteRaw" onclick="deleteCart(this)" action-id="" class="butn primary_butn mx-1">{{__('web.yes')}}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('inject_js')
    <script>
        let url_calculate = "{{route('web.cart.calculate')}}"
    </script>
    <script src="{{url('')}}/assets/web/js/custom/cart.js"></script>
@endsection
