@extends('layouts.front.app')

@section('og')
<meta property="og:type" content="home" />
<meta property="og:title" content="{{ config('app.name') }} - Inicial" />
<meta property="og:description" content="{{ config('app.description') }}" />
@endsection
@section('css')
<style type="text/css">

  html,
  body{
    height: 40vh;
  }
  /*.carousel
  height: 400px;
}*/

@media (max-width: 740px) {

  html,
  body,
  .carousel {
    height: 100vh;
  }
}

@media (min-width: 800px) and (max-width: 850px) {

  html,
  body,
  header,
  .carousel {
    height: 100vh;
  }
}
</style>
<link href="https://fonts.googleapis.com/css?family=Changa" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
@endsection
@section('content')
@include(config('site.domain').'.front.shared.modal-product-details')
<div class="container ">
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb piccolino darken-3 ">
      <li class="breadcrumb-item "><a href="{{ route('home') }}" class="black-text">Home</a></li>
      <li class="breadcrumb-item active black-text">Carrinho</li>
    </ol>
  </nav>
  @if(!$cartItems->isEmpty())
  <div class="card mt-1 mb-1 p-3">
    <h2 class="text-center piccolino-text font-weight-bold mt-2"> Meus Produtos</h2>
    <!--Table-->
    <table id="cart" {{-- class="table table-hover table-responsive table-condensed mt-3 mb-3" --}} class="table table-striped w-auto">
      <div class="row">
        <div class="col-6">
          <a href="{{ url()->previous() }}" class="btn light-blue lighten-3 font-weight-bold  black-text float-left"> Continuar Comprando</a>
        </div>
        <div class="col-6">
          @if (auth()->check())
          <button type="button" class="btn green lighten-1 font-weight-bold black-text float-right btn-cart" data-href="{{ route('checkout.index') }}" class="btn btn-primary">Finalizar</button>

          @else
          <a data-toggle="modal" data-target="#modalLRForm" class="btn green lighten-1 font-weight-bold black-text float-right">Finalizar</a>
          @endif
        </div>
      </div>

      <!--Table head-->
      <thead>
        <tr>
          <th class="col-md-5"><h4 class="font-weight-bold">Produto</h4></th>
          <th class="col-md-2"><h4 class="font-weight-bold">Preço</h4></th>
          <th class="col-md-3"><h4 class="font-weight-bold">Quantidade</h4></th>
          <th class="col-md-1" class="text-center"><h4 class="font-weight-bold">SubTotal</h4></th>
          <th class="col-md-1"></th>
        </tr>
      </thead>
      <!--Table head-->

      @foreach($cartItems as $cartItem)
      <!--Table body-->
      <tbody>
        @if ($cartItem->product->count() % 2 === 0)
        <tr class="table-info">
          @else
          <tr>
            @endif
            <td scope="row">
              <div class="row">
                <div class="col-lg-3">
                  @if(isset($cartItem->cover))
                  @if(config('app.env') === 'production')
                  <img src='{{ asset("$cartItem->cover") }}' alt="{{ $cartItem->name }}" width="100%"  class="img-responsive">
                  @else
                  <img src="https://placehold.it/120x120" alt="{{ $cartItem->name }}" width="100%"  class="img-responsive" />
                  @endif
                  @else
                  <img src="https://placehold.it/120x120" alt="{{ $cartItem->name }}" width="100%"  class="img-responsive">
                  @endif
                </div>
                <div class="col-lg-9">
                  <h2 class="title"><a href="">{{ $cartItem->name }}</a></h2>
                  <p>
                    @php
                    $description = str_ireplace(['<br />', '<br>', '<br />'], "\r\n", $cartItem->description);
                    @endphp
                    @if($cartItem->options->combination)
                    @foreach($cartItem->options->combination as $combination)
                    Tamanho: {{ $combination['value'] }}
                    @endforeach
                    @endif
                    {{-- $description --}}
                  </p>
                </div>
              </div>
            </td>
            <td>
              {{ config('cart.currency_symbol') }} {{ number_format($cartItem->price, 2, ',', '.') }}
            </td>
            <td>
              {{-- <div class="btn-group" role="group" aria-label="Basic example">
                <form action="{{ route('cart.update', $cartItem->rowId) }}" class="" method="put">
                  {{ csrf_field() }}
                  <input type="hidden" name="_method" value="put">
                  <button id="subtrai" onclick="this.parentNode.querySelector('input[type=number]').stepDown()"><i class="fas fa-minus-square"></i></button>
                  <input type="number" style="width: 70px" class="form-control text-center" name="quantity" value="1"  min="1" max="{{$cartItem->product->quantity}}" readonly value="{{ $cartItem->qty }}" >
                </form>
              </div> --}}
              <form action="{{ route('cart.atualiza') }}" method="POST">
                {{ csrf_field() }}
                <div class="md-form input-group mb-3">
                  <input type="hidden" name="method" value="_post">
                  <input type="hidden" name="id" value="{{$cartItem->rowId}}">
                  <div class="input-group-prepend">
                    <button class="btn btn-md btn-outline-primary m-0 px-1 py-2 z-depth-0 waves-effect @if ($cartItem->qty === 1) disabled @endif" type="button" id="button-addon1" onclick="this.parentNode.querySelector('input[name=quantity]').stepDown(1)" ><i class="fas fa-minus-square"></i></button>
                  </div>
                  <input type="number" class="form-control text-center" name="quantity" id="{{ $cartItem->rowId }}" step="1"  min="1" max="{{ $cartItem->product->quantity }}" value="{{ $cartItem->qty }}">
                  <div class="input-group-append">
                    <button class="btn btn-md btn-outline-default m-0 px-1 py-2 z-depth-0 waves-effect @if ($cartItem->qty === intval($cartItem->product->quantity)) disabled @endif" type="button" id="button-addon2" onclick="this.parentNode.querySelector('input[name=quantity]').stepUp(1)"><i class="fas fa-plus-square"></i></button>
                  </div>
                </div>
              </form>
            </td>
            <td>{{ config('cart.currency_symbol') }} {{ number_format($cartItem->subtotal, 2, ',', '.') }}</td>
            <td class="actions" data-th="">
              <form action="{{ route('cart.destroy', $cartItem->rowId) }}" class="" method="post" id="ExcluiItem_{{ $cartItem->rowId }}">
                {{ csrf_field() }}
                <input type="hidden" name="_method" value="delete">
                <button onclick="return confirm('Tem certeza??')" class="btn btn-danger btn-sm my-0 p"><i class="fas fa-trash"></i></button>
              </form>
            </td>
          </tr>
        </tbody>
        <!--Table body-->
        @endforeach
        <tfoot>
          <tr>
            <td><a href="{{ route('home') }}" class="btn light-blue lighten-3 font-weight-bold  black-text float-left"> Continuar Comprando</a></td>
            <td colspan="3" class="hidden-xs text-center">
              @php
              $desconto = 0;
              if(auth()->check()){
                $cliente = \App\Shop\Customers\Customer::find(auth()->id());
                if($cliente->orders->count() === 0) {
                  $desconto = (floatVal($cartTotal) / 100 * floatVal(config('cart.desconto_iniciante')));
                }
              }
              $valorCarrinho = floatVal($cartTotal) - $desconto;
              @endphp
              <strong>Total {{ config('cart.currency_symbol') }} {{ number_format($valorCarrinho, 2, ',', '.') }} @if($desconto > 0) <p>Desconto primeira compra: {{ config('cart.currency_symbol') }} {{ number_format($desconto, 2, ',', '.') }} ({{ config('cart.desconto_iniciante') }}%) </p> @endif</strong>
            </td>
            <td>
              @if (auth()->check())
              <button type="button" class="btn green lighten-1 font-weight-bold black-text float-right btn-cart" data-href="{{ route('checkout.index') }}">Finalizar</button>

              @else
              <a data-toggle="modal" data-target="#modalLRForm" class="btn green lighten-1 font-weight-bold black-text float-right">Finalizar</a>
              @endif
            </td>
          </tr>
        </tfoot>

      </table>
      <!--Table-->

    </div>
    @if($cartItem->product->subgrupo)
    @php
    $itemWebSg = \App\ItemWebSg::where('id_subgrupo', $cartItem->product->subgrupo->id_subgrupo)->first();
    $products = $itemWebSg->products;
    $count = 0;
    @endphp

    @if ($products)
    <h2 class="h1-responsive font-weight-bold text-center my-5 piccolino white-text rounded z-depth-1">Aproveite e compre também:</h2>
    @include(config('site.domain').'.front.products.product-list', ['produtos' => $products])
    @endif
    @endif

    @else

    <div class="alert alert-warning" role="alert">
      <p class="">Você não possui itens em seu carrinho</p>
      <a href="{{ route('home') }}" class="btn btn-light-blue btn-md">Voltar à página inicial</a>
    </div>

    @endif
  </div>
  @if(config('site.ativa_newsletter'))
  <!-- Sessão de Newsletter -->
  @include(config('site.domain').'.front.shared.newsletter')

  <!-- ./ Fim da Sessão de Newsletter -->
  @endif
  @endsection