@extends('layouts.app')

@section('content')
  <div class="container">
    @if(Session::has('success'))
      <div class="success">
        Success! {{ Session::get('success')[0] }}
      </div>
    @endif
    <h2>cart test here</h2>
    <div class="row justify-content-center">
      <div class="col-md-12">
        <h4>I AM A PRODUCT</h4>
      </div>
      <div class="col-md-3">
        <div class="card">
          <div class="card-header">
            {{ $product->name }}
          </div>
          <div class="card-body">
            <img src="{{ $product->getFirstMediaUrl('images','thumb') }}" />
            product image / price here
            &pound;{{ $product->getBuyablePrice() }}
            <br />
            <form action="{{ route('cart.add', $product->id) }}" method="post">
              {{ csrf_field() }}
              <label for="quantity">Quantity:</label>
              <input class="form-control" id="quantity" type="number" name="quantity" min="1" value="1" />
              <button class="btn btn-info" type="submit">Add to Cart</button>
            </form>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12"><h4>Cart Contents</h4></div>
      @foreach(\Gloudemans\Shoppingcart\Facades\Cart::content() as $cartItem)
        <div class="col-md-12">
          You have {{ $cartItem->qty }} items of {{ $cartItem->model->name }} with description: {{ $cartItem->model->description }} in your cart.
          <form action="{{ route('cart.remove', $cartItem->rowId) }}" method="post">
            {{ csrf_field() }}
            <button type="submit" class="btn btn-danger">Remove</button>
          </form>
        </div>
      @endforeach
      <div class="col-md-12">
        total: {{ \Gloudemans\Shoppingcart\Facades\Cart::total() }}
      </div>
    </div>
  </div>
@endsection