@extends('layouts.welcomelayouts.app')
@section('title')
<title>{{$appSetting->h1}} | {{$appSetting->slogan}}</title>
@endsection
@section('SEO')
<meta name="description" content="{!!$appSetting->meta_description!!}">
<meta name="keywords" content="{{$appSetting->meta_keyword}}">
<meta property="og:title" content="{{$appSetting->h1}} {{$appSetting->slogan}}">
<meta property="og:description" content="{!!$appSetting->meta_description!!}">
<meta property="og:image" content="{asset($appSetting->logo())}}">
<meta property="og:url" content="{{route('welcome.welcome')}}">
@endsection
@push('css')
<style>
    .table-bordered td, .table-bordered th {
    font-size: 14px;
}
</style>
@endpush
@section('contents')
        <div class="breadcrumb-area pt-95 pb-100 bg-img" style="background-image:url({{asset('public/images/breadcrumb.jpg')}});">
            <div class="container">
                <div class="breadcrumb-content text-center">
                    <div class="breadcrumb-title">
                        <h2>Cart View</h2>
                    </div>
                    <ul>
                        <li>
                            <a href="{{route('index')}}">Home</a>
                        </li>
                        <li class="active"> Cart View </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="cart-main-area pt-95 pb-100">
            <div class="container">
                @if(session()->has('cartupdate'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                  <strong>Success</strong>{{ session()->get('cartupdate') }}
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                 @endif
                <h3 class="cart-page-title">Your cart items</h3>
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                        <form action="{{route('updatecart')}}" method="post" id="c1artupdateid">
                            @csrf
                            <div class="table-content table-responsive cart-table-content">
                                <table>
                                    <thead>
                                        <tr>
                                            <th>Image</th>
                                            <th>Product Name</th>
                                            <th>Until Price</th>
                                            <th>Qty</th>
                                            <th>Subtotal</th>
                                            <th>action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @isset($carts)
                                        @foreach($carts as $cart)
                                        <tr>
                                            <td class="product-thumbnail">
                                                <img src="{{asset('public/images/products/'.$cart->product->feture_img)}}" alt="" width="100px">
                                            </td>
                                            <td class="product-name">{{$cart->product->title}}</td>
                                            <td class="product-price-cart"><span class="amount">${{$cart->itemprice()}}</span></td>
                                            <td class="product-quantity">
                                                <input type="hidden" name="cartid[]" value="{{$cart->id}}">
                                                <div class="cart-plus-minus">
                                                    <input class="cart-plus-minus-box" readonly type="text" name="qty[]" value="{{$cart->quantity}}">
                                                </div>
                                            </td>
                                            <td class="product-subtotal">${{$cart->subtotal()}}</td>
                                            <td class="product-remove">
                                                <a href="#"><i class="la la-close"></i></a>
                                            </td>
                                        </tr>
                                        @endforeach
                                        @endisset
                                    </tbody>
                                </table>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="cart-shiping-update-wrapper">
                                        <div class="cart-shiping-update">
                                            <a href="{{route('index')}}">Continue Shopping</a>
                                        </div>
                                        <div class="cart-clear">
                                            <button type="submit" style="background: gray;color: white;">Update Shopping Cart</button>
                                            <a href="{{route('checkout')}}" style="background-color: #e32222;color: #fff;">Proceed to Checkout</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
@endsection
@push('js')
<script type="text/javascript">
    $(document).ready(function(){
        /////////////////////////////////////////////////
        $(document).on('submit','#cartupdateid',function(e){
          e.preventDefault();
           var url ='{{url('updatecart')}}';
           alert($(this).serialize());

        });
    });
</script>
@endpush