@extends('layouts.frontend.app')

@section('title')
	{{$title}}
@endsection

@section('meta')
@php
	$website = App\Website::get()->last();
@endphp
   <meta name='subject' content='ecommerce's subject'>
   <meta name='title' content='{{$title}} || {{ config('app.name') }}'>
   <meta name='description' content='@if (isset($website->meta_tag)) {{$website->meta_tag}} @endif'>
   <meta name='keywords' content='@if (isset($website->meta_keyword)) {{$website->meta_keyword}} @endif'>
   <meta name='copyright' content='websolutionbd24.com'>
   <meta name='author' content='yousuf1648|websolutionbd24.com'>

@endsection

@push('css')

@endpush

@section('content')
	<div class="breadcrumbs">
	  <div class="container">
	    <div class="row">
	      <div class="col-xs-12">
	        <ul>
	          <li class="home"> <a title="Go to Home Page" href="{{ route('home') }}">Home</a><span>&raquo;</span></li>
	          <li><strong> {{$title}}</strong></li>
	        </ul>
	      </div>
	    </div>
	  </div>
	</div>

	<section class="main-container col1-layout">
		<div class="main container">
		  <div class="col-main">
		    <div class="cart">
		      
		      <div class="page-content page-order"><div class="page-title">
		        <h2>Shopping Cart</h2>
		      </div>
		        
		        
		        <div class="order-detail-content">
		          <div class="table-responsive">
                    <table class="table table-bordered cart_summary">
                    	<thead>
                        	<tr>
                            	<th width="5%">#SL</th>
                            	<th>Image</th>
                            	<th>Product Name</th>
                            	<th width="10%">Price</th>
                            	<th width="12.5%">Qty</th>
                            	<th width="12.5%">Subtotal</th>
                            	<th width="15%" class="text-center">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                        	@php
                        		$total = 0;
                        		$i = 1;
                        	@endphp
                        	@if(session('cart'))
                        	    @foreach(session('cart') as $id => $details)
                        	
                        	                                	
                        	        <tr>
                        	        	<td>{{$i++}}</td>
                        	        	<td>
                        	        		<img src="{{ Storage::disk('public')->url('product/cropped-'.$details['image']) }}" style="height: 50px;">
                        	        	</td>
                        	        	<td>
                        	        		<strong>{{ $details['title'] }}</strong><br />
                        	        		    @if ($details['size_id'])
                        	        		@php
                        	        			$size = App\Size::find($details['size_id']);
                        	        		@endphp
                        	        		    	Size : {{$size->name}}<br>
                        	        		    @endif

                        	        		    @if ($details['colour_id'])
                        	        		@php
                        	        			$colour = App\Colour::find($details['colour_id']);
                        	        		@endphp
                        	        		    	Colour : {{$colour->name}}
                        	        		    @endif
                        	        	</td>
                        	        	<td>&#x9f3;{{ number_format($details['sell_price']) }}</td>
                        	        	<form action="{{ route('cart_update') }}" method="post">
                        	        		@csrf
                        	        		<input type="hidden" name="id" value="{{ $id }}">
    	                    	        	<td>
    	                    	        		<input type="number" name="quantity" value="{{ $details['quantity'] }}" class="form-control quantity" style="min-width: 59px;" />
    	                    	        	</td>
    	                    	        	<td><strong>&#x9f3;{{ number_format($details['sell_price'] * $details['quantity']) }}</strong></td>
    	                    	        	<td class="actions text-center">
    	                    	        	    <button title="Cart Update" type="submit" class="btn btn-warning btn-xs"><i class="fa fa-pencil-square-o"></i> Update</button>
    	                    	        	    <a class="btn btn-danger btn-xs" href="{{ route('cart_remove',$id) }}"><i class="fa fa-trash"></i> Delete</a>
    	                    	        	</td>
                        	        	</form>
                        	            
                        	        </tr>
                        	    @endforeach
                        	@endif
                        </tbody>
                        <tfoot>
                          <tr>
                            <td colspan="2" rowspan="2"></td>
                            <td colspan="3">Sub Total</td>
                            <td colspan="2">৳ {{ number_format($total) }} </td>
                          </tr>
                          <tr>
                            <td colspan="3"><strong>Total</strong></td>
                            <td colspan="2"><strong>৳ {{ number_format($total) }} </strong></td>
                          </tr>
                        </tfoot>
                    </table>
		          </div>
		          <div class="cart_navigation"> 
		          	<a class="continue-btn" href="{{ route('home') }}"><i class="fa fa-arrow-left"> </i>&nbsp; Continue shopping</a>

		          	@auth
		          		<a class="checkout-btn" href="{{ route('user.checkout.index') }}"><i class="fa fa-check"></i> Proceed to checkout</a>
		          	@else
		          		<a href="javascript:void()" data-toggle="modal" data-target="#checkout" class="checkout-btn"  onclick="
		          		@php
		          			session()->put('checkout','yes');
		          		@endphp "><i class="fa fa-check"></i> Proceed to checkout</a>
		          	@endauth

		          	 
		          </div>
		        </div>
		      </div>
		    </div>
		  </div>
		</div>

	</section>
    
@endsection

@push('js')

@endpush