@extends('layouts.front.app')

@section('og')
<meta property="og:locale" content="{{ app()->getLocale() }}"/>
<meta property="og:type" content="home"/>
<meta property="og:title" content="{{ config('app.name') }} - Home"/>
<meta property="og:site_name" content="{{ config('app.name') }}"/>
<meta property="og:description" content="{{ config('site.description') }}"/>
@endsection

@section('content')

<section>
  <div class="container my-3">
    <div class="icones">
      <div class="mx-0 row gray-100">

        <div class="border col-lg">
          <div class="pt-4 row">
            <div class="text-right col-4">
              <i class="fas fa-shipping-fast fa-2x"></i>
            </div>
            <div class="col-8">
              <h4 class="font-weight-bold fosco-text">Entregamos</h4>
              <p class="font-weight-bolder">Para todo o Brasil</p>
            </div>
          </div>
        </div>

        <div class="border col-lg">
          <div class="pt-4 row">
            <div class="text-right col-4">
              <i class="fas fa-hand-holding-usd fa-2x"></i>
            </div>
            <div class="col-8">
              <h4 class="font-weight-bold fosco-text">Pagamento</h4>
              <p class="font-weight-bolder">Rápido e Fácil</p>
            </div>
          </div>
        </div>

        <div class="border col-lg">
          <div class="pt-4 row">
            <div class="text-right col-4">
              <i class="pr-2 fas fa-coins fa-2x"></i>
            </div>
            <div class="pl-0 col-8">
              <h4 class="font-weight-bold fosco-text">Preços Baixos</h4>
              <p class="font-weight-bolder">Qualidade garantida</p>
            </div>
          </div>
        </div>

        <div class="border col-lg">
          <div class="pt-4 row">
            <div class="text-right col-4">
              <i class="fas fa-shield-alt fa-2x"></i>
            </div>
            <div class="col-8">
              <h4 class="font-weight-bold fosco-text">Segurança</h4>
              <p class="font-weight-bolder">Compra protegida</p>
            </div>
          </div>
        </div>

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

@include(config('site.domain').'.layouts.front.tabs-products')

<section>
  <div class="container my-5">
    <div class="text-center">

      @php
      $produtosCat = App\Shop\Products\Product::where('id_segment', 18)->get()->take(16);
      $seq2 = 0;
      @endphp

      <div class="barra"></div>
      <span class="p-3 bg-white font-weight-bold font-nunito h3">Aparelhos Médicos</span>

      <div class="mt-3 carousel-secondary slider">

        @foreach ($produtosCat->take(12) as $produtos)

        @php
        $src = $produtos->cover ? config('site.url')."storage/".$produtos->cover : asset('storage/images/img-indisponivel.jpg');
        if($produtos->sales_price !== null) {
          $preco_valido = $produtos->sales_price;
        } else {
          $preco_valido = $produtos->price;
        }
        @endphp

        <div class="p-3 border col-lg centro">

          <a href="{{ route('front.get.product', [$produtos->slug, $produtos->id]) }}">

            <div class="text-center zoom">
              <img src="{{ $src }}" class="img-fluid" alt="{{ $produtos->name }}">
            </div>

            <div class="mt-3">
              <div class="text-center card-title pdt">
                <h6 class="font-weight-bolder text-dark font-montserrat">{{$produtos->name}}</h6>
              </div>
              <div class="text-center card-text pc">
                @if (config('site.catalogo_produtos'))
                <h5 class="text-danger font-weight-bold">&nbsp;</h5>
                @else
                <h5 class="text-danger font-weight-bold">{{ config('cart.currency_symbol') }} {{ number_format($preco_valido, 2, ',','.') }}</h5>
                @endif
              </div>
            </div>
          </a>

          <div class="px-2 text-center">
            @if (config('site.catalogo_produtos'))
            <a class="px-0 text-white btn secondary btn-block font-weight-bolder" role="button" href="https://wa.me/{{ config('shop.whatsapp_link') }}?text=Vi este produto no site:{{ $produtos->name }}" target="_blank">
              Consulte-nos <i class="ml-1 fab fa-whatsapp fa-lg"></i>
            </a>
            @else
            @if ($produtos->attributes->count() > 0 || intval($produtos->quantity) === 0)

            <a href="{{ route('front.get.product', [$produtos->slug, $produtos->id]) }}" class="text-white btn btn-md btn-block secondary font-weight-bolder">
              <i class="mr-1 fas fa-box"></i> Ver Item
            </a>

            @else

            @if (!auth()->check())
            <a href="{{ route('autentica.completo') }}" class="mx-auto text-white btn btn-md btn-block secondary font-weight-bolder">
              <i class="mr-1 fas fa-sign-in-alt"></i> Entre para comprar
            </a>
            @else
            <form  action="{{ route('cart.store') }}" class="d-flex justify-content-left" id="formAddCart" method="POST">
              {{ csrf_field() }}
              <input type="hidden" name="subTotal" value="{{$preco_valido}}">
              <input type="hidden" name="quantity" value="1">
              <input type="hidden" name="product" value="{{ $produtos->id }}">
              <button class="mx-auto text-white btn btn-md btn-block secondary font-weight-bolder">
                <i class="mr-1 fas fa-shopping-cart"></i> Adicionar ao carrinho
              </button>
            </form>
            @endif

            @endif
            @endif
          </div>

        </div>

        @endforeach


      </div>


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

<section>
  <div class="container my-5">
    <div class="text-center">

      @php
      $produtosCat = App\Shop\Products\Product::where('id_segment', 11)->get()->take(12);
      $seq2 = 0;
      @endphp

      <div class="barra"></div>
      <span class="p-3 bg-white font-weight-bold font-nunito h3">Materiais de Consumo</span>

      <div class="mt-3 carousel-secondary slider">

        @foreach ($produtosCat->take(12) as $produtos)

        @php
        $src = $produtos->cover ? config('site.url')."storage/".$produtos->cover : asset('storage/images/img-indisponivel.jpg');
        if($produtos->sales_price !== null) {
          $preco_valido = $produtos->sales_price;
        } else {
          $preco_valido = $produtos->price;
        }
        @endphp

        <div class="p-3 border col-lg centro">

          <a href="{{ route('front.get.product', [$produtos->slug, $produtos->id]) }}">

            <div class="text-center zoom">
              <img src="{{ $src }}" class="img-fluid" alt="{{ $produtos->name }}">
            </div>

            <div class="mt-3">
              <div class="text-center card-title pdt">
                <h6 class="font-weight-bolder text-dark font-montserrat">{{$produtos->name}}</h6>
              </div>
              <div class="text-center card-text pc">
                @if (config('site.catalogo_produtos'))
                <h5 class="text-danger font-weight-bold">&nbsp;</h5>
                @else
                <h5 class="text-danger font-weight-bold">{{ config('cart.currency_symbol') }} {{ number_format($preco_valido, 2, ',','.') }}</h5>
                @endif
              </div>
            </div>
          </a>

          <div class="px-2 text-center">
            @if (config('site.catalogo_produtos'))
            <a class="px-0 text-white btn secondary btn-block font-weight-bolder" role="button" href="https://wa.me/{{ config('shop.whatsapp_link') }}?text=Vi este produto no site:{{ $produtos->name }}" target="_blank">
              Consulte-nos <i class="ml-1 fab fa-whatsapp fa-lg"></i>
            </a>
            @else
            @if ($produtos->attributes->count() > 0 || intval($produtos->quantity) === 0)

            <a href="{{ route('front.get.product', [$produtos->slug, $produtos->id]) }}" class="text-white btn btn-md btn-block secondary font-weight-bolder">
              <i class="mr-1 fas fa-box"></i> Ver Item
            </a>

            @else

            @if (!auth()->check())
            <a href="{{ route('autentica.completo') }}" class="mx-auto text-white btn btn-md btn-block secondary font-weight-bolder">
              <i class="mr-1 fas fa-sign-in-alt"></i> Entre para comprar
            </a>
            @else
            <form  action="{{ route('cart.store') }}" class="d-flex justify-content-left" id="formAddCart" method="POST">
              {{ csrf_field() }}
              <input type="hidden" name="subTotal" value="{{$preco_valido}}">
              <input type="hidden" name="quantity" value="1">
              <input type="hidden" name="product" value="{{ $produtos->id }}">
              <button class="mx-auto text-white btn btn-md btn-block secondary font-weight-bolder">
                <i class="mr-1 fas fa-shopping-cart"></i> Adicionar ao carrinho
              </button>
            </form>
            @endif

            @endif
            @endif
          </div>

        </div>

        @endforeach


      </div>


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

@endsection

@section('js')
<script type="text/javascript">
  $(function () {
    $('#promocoes-tab-md').on('click', function()  {
      $('#recentes-tab-md').removeClass('active')
      $('#destaque-tab-md').removeClass('active')
    })
    $('#recentes-tab-md').on('click', function()  {
      $('#promocoes-tab-md').removeClass('active')
      $('#destaque-tab-md').removeClass('active')
    })
    $('#destaque-tab-md').on('click', function()  {
      $('#promocoes-tab-md').removeClass('active')
      $('#recentes-tab-md').removeClass('active')
    })
  })
</script>
@endsection