@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>
  .shadow-textarea textarea.form-control::placeholder {
    font-weight: 300;
  }
  .shadow-textarea textarea.form-control {
    padding-left: 0.8rem;
  }
</style>
@endsection
@section('content')
@php
use Illuminate\Support\Str;
use Carbon\Carbon;
$acessoLiberado = explode("|",config('site.login.integra_ls.acesso_liberado'));
$getRewards = $getClientData->getRewardsInformation();
$base_img = config('site.url').'storage/products/';

if(!is_null($getRewards)) {
  $pontos = $getPontos->getPontosByCliente(auth()->user()->cpf_cnpj);
  $pontosUsados = $getPontos->getPontosUtilizados(auth()->user()->cpf_cnpj);
  $pontosAcumulados = $getPontos->getPontosAcumulados(auth()->user()->cpf_cnpj);
  $pontosVencidos = $getPontos->getPontosVencidos(auth()->user()->cpf_cnpj);
  $imagesProd = $imageItem->getImages($product->sku);
  $resumo = $getPontos->getPointsResume(auth()->user()->cpf_cnpj);
}
@endphp

<section>
  <div class="container mt-4">

    @include(config('site.domain').'.front.rewards.navbar')

    @if (!is_null($getRewards) && $getRewards->cliente_ponto_ativo && $getRewards->cliente_ponto_dh_ativo < Carbon::now())

    <div class="mt-2 row">
      <div class="my-2 text-left col-md">
        <a href="{{ route('programa.fidelidade.rewards.category')}}" class="mr-2 btn btn-primary">
          <span class="h5 font-weight-bolder">
            <i class="mr-1 fas fa-arrow-alt-circle-left"></i>Voltar para as categorias
          </span>
        </a>
      </div>
      <div class="my-2 text-right col-md">
        <a href="{{route('programa.fidelidade.rewards.products', [$getCat->id_cat, 'true'])}}" class="mr-2 btn btn-info">
          <span class="h5 font-weight-bolder">
            <i class="mr-1 fas fa-arrow-alt-circle-left"></i>Voltar para {!! $getCat->name !!}
          </span>
        </a>
      </div>
    </div>

    <div class="row">

      <div class="mb-4 col-md-6">
        <div id="carousel-thumb" class="mb-5 carousel carousel-fade carousel-thumbnails" data-ride="carousel">

          <div class="carousel-inner" role="listbox">

            @foreach ($imagesProd as $seq => $image)
            @php
            if($image) {
              $src = config('site.url')."storage/products/".$image->file_item_id.(strtolower($image->file_item_extensao));
            } else {
              $src = asset('storage/images/img-indisponivel.jpg');
            }
            @endphp
            <div class="carousel-item @if($seq === 0) active @endif">
              <img class="mx-auto d-block img-fluid" src="{{ $src }}" alt="{{ config('app.name') }} - {{ $product->name }}">
            </div>
            @endforeach
          </div>

          @if($imagesProd->count() > 1)
          <a class="carousel-control-prev" href="#carousel-thumb" role="button" data-slide="prev">
            <i class="fas fa-chevron-left fa-4x fosco-text"></i>
          </a>
          <a class="carousel-control-next" href="#carousel-thumb" role="button" data-slide="next">
            <i class="fas fa-chevron-right fa-4x fosco-text"></i>
          </a>
          @endif

          <ol class="carousel-indicators">
            @foreach ($imagesProd as $seq2 => $image)
            @php
            if($image) {
              $src2 = config('site.url')."storage/products/".$image->file_item_id.(strtolower($image->file_item_extensao));
            } else {
              $src2 = asset('storage/images/img-indisponivel.jpg');
            }
            @endphp
            <li data-target="#carousel-thumb" data-slide-to="0" class="@if($seq2 === 0) active @endif px-pdt">
              <img src="{{ asset($src2) }}" width="75" height="75" class="border rounded d-block" alt="{{ config('app.name') }} - {{ $product->name }}">
            </li>
            @endforeach
          </ol>
        </div>
      </div>
      <!--Grid column-->

      <!--Grid column-->
      <div class="mb-4 col-md-6">

        <!--Content-->
        <div class="p-4">

          <div class="mb-3">
            <a href="{{route('programa.fidelidade.rewards.products', [$getCat->id_cat, 'true'])}}">
              <span class="mr-1 badge purple">{!! $getCat->name !!}</span>
            </a>
          </div>

          <p class="lead">
            @if (intval($resumo->saldo) > intval($product->pontos))
            <span class="h4 text-success font-weight-bold">{!! number_format($product->pontos, 0, ",", ".") !!}</span>
            @else
            <span class="h4 text-danger font-weight-bold">{!! number_format($product->pontos, 0, ",", ".") !!}</span>
            @endif
            <span class="ml-1 font-weight-bolder">
              {{-- (Seus pontos: <em>{!! number_format($resumo->saldo, 0, "", ".") !!}</em>) --}}
            </span>
          </p>

          <p class="lead font-weight-bold">{!! $product->name !!}</p>

          <p>{!! $product->description !!}</p>
          @if (intval($resumo->saldo) > intval($product->pontos))
          <form action="{{route('programa.fidelidade.get.rescue')}}" class="p-5 text-center border border-light" method="post">
            {{ csrf_field() }}
            <div class="row col-lg-12">
              <input type="hidden" name="sku" value="{{$product->sku}}">
              <input type="hidden" name="cnpj" value="{{ auth()->user()->cpf_cnpj }}">
              <div class="form-group shadow-textarea col-md-12">
                <label for="form_obs">Mensagem para o resgate</label>
                <textarea class="form-control z-depth-1" id="form_obs" name="obs" rows="3" placeholder="Escreva alguma informação se necessário..."></textarea>
              </div>

            </div>
            <div class="row">

              <!-- Default input -->
              <button class="btn btn-outline-info btn-rounded btn-block my-4 waves-effect z-depth-0 @if(!config('site.resgate_aberto')) disabled @endif" type="submit">Resgatar
                <i class="ml-1 fas fa-shopping-cart"></i>
              </button>

            </div>
          </form>
          @else
          <div class="alert alert-warning" role="alert">
            Seus pontos não são suficientes para este resgate
          </div>
          @endif
        </div>
        <!--Content-->

      </div>
      <!--Grid column-->

    </div>
    <!--Grid row-->

    <hr>
    @else
    @include(config('site.domain').'.front.rewards.info', compact('getRewards'))
    @endif
  </div>
  <!--Main layout-->
</section>
@endsection