@extends('front.index')

@section('meta_title'){{trans('front.carts')}}  @endsection
@section('meta_des'){{trans('front.carts')}}   @endsection
@section('meta_key'){{trans('front.carts')}}   @endsection

@section('content')
    <section class="map-back">
        <div class="container">
            <h1 class="title">  </h1>
            <ul class="maplink">
                <li> <a href="{{route('front.home')}}">{{trans('front.home')}}</a></li>
                <li>{{trans('front.carts')}}  </li>
            </ul>
        </div>
    </section>
    <section class="shipping">
        <div class="container">
{{--            <div class="alert alert-danger"><i class="fa fa-exclamation-triangle"></i>  إذا كنت لا تملك حساب، <a class="logincard" href="login.html">قم بتسجيل دخولك الآن </a> </div>--}}
            <div class="row">
                <div class="col-sm-9 boxcard">

                    @if($orders)
                        @if(count($orders->ProductsAddCart) > 0)
                            @foreach($orders->ProductsAddCart as $session_item)
                    <form  method="POST" action="{{route('front.cart.proceedToCheckOutData',[$orders->id])}}"  >
                                    {!! csrf_field() !!}
                    <div class="pro-card">
                        <div class="row">
                            <div class="col-sm-6 prod-it"><a class="photo" href="{{route('front.product',[@$session_item->product->slug])}}"> <img src="{{$session_item->product->image}}" alt="orbit star" title="orbit star"></a>
                                <div class="textcontant"><a class="titlecard" href="{{route('front.product',[@$session_item->product->slug])}}">{{$session_item->product->name}}
                                    @if($session_item->item_color)
                                    -{{$session_item->item_color->name}}
                                        @else
                                        @endif
                                        @if($session_item->item_size)
                                            -{{$session_item->item_size->name}}
                                        @else
                                        @endif
                                    </a>
                                    <div class="price">
                                        <span class="new">{{$session_item['price']}}
                                        </span><span class="old">{{$session_item['price_after_discount']}}  </span>
                                    </div>
                                    <a class="removal" href="{{route('front.cart.deleted',[$session_item->product->id])}}" >
                                        <i class="fas fa-trash-alt"></i>
                                        {{trans('front.DeletedProductCart')}}</a>
                                </div>
                            </div>
                            <div class="col-sm-3 prod-it">
                                <h4 class="titlecard text-center">{{trans('front.qty')}}</h4>
                                <div class="spinner" >
                                    <button class="fa fa-angle-right btn btn-default" type="button"></button>
                                    <input class="form-control"  name="quantity[{{$session_item['product_id']}}]" price-attr="{{$session_item['price']}}" data-attr-id="{{$session_item['product_id']}}" value="{{$session_item['quantity']}} " type="text" min="1" required>
                                    <button class="fa fa-angle-left btn btn-default ault" type="button"></button>
</div>
                            </div>
                            <div class="col-sm-3 prod-it">
                                <h4 class="titlecard text-center">{{trans('front.TotlaPrice')}}</h4>
                                <div class="price text-center"><span class="new total_item">{{$session_item['quantity']*$session_item['price']}}</span></div>
                            </div>
                        </div>
                    </div>
                                
                            @endforeach
                        @else
                            <div class="pro-card">
                                <center>{{trans('cart.empty')}}</center>

                            </div>
                        @endif

                    @endif

                </div>
                <div class="col-sm-3 boxcard">
                    <div class="feacard">
                        <h3 class="titlebold">@lang('front.taotalCart')</h3>
                        <ul class="product-spec">

                            <li>@lang('front.taotalsCart')     <span class="base-color full_price" atr-full-price="{{$total}}">{{$total}} </span></li>
                        </ul>

                        <button class="bottom" type="submit">@lang('front.Proceedtocheckout')</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection