@extends('site.layouts.app')

@section('title', 'PROTECTOR - INICIATIVAS')


@section('header')
    @include('site.partials.header')
@endsection
 

       
@section('services')
   
    <!-- ======= Breadcrumbs Section ======= -->
    <section class="breadcrumbs">
        <div class="container">
  
          <div class="d-flex justify-content-between align-items-center">
            <h2>Detalhes</h2>
            <ol>
              <li><a href="#">Site</a></li>
              <li><a href="#">Serviços</a></li>
              <li> {{$product->nome}}</li>
            </ol>
          </div>
  
        </div>
      </section><!-- Breadcrumbs Section -->
  
      <!-- ======= Portfolio Details Section ======= -->
      <section id="portfolio-details" class="portfolio-details">
        <div class="container">
  
          <div class="row gy-4">
  
            <div class="col-lg-8">
              <div class="portfolio-details-slider swiper">
                <div class="swiper-wrapper align-items-center">
  
                  <div class="swiper-slide">
                    <img src="{{ asset('images/'.$product->img) }}" alt="">
                  </div>
  
                   

                </div>
                <div class="swiper-pagination"></div>
              </div>
            </div>
  
            <div class="col-lg-4">
              <div class="portfolio-info">
                <h3>Informação do serviço</h3>
                <ul>
                  <li><strong>Categoria</strong>:  {{ $product->category['nome'] }}</li>
                  <li><strong>Descrição</strong>: {{$product->nome}}</li><!--
                  <li><strong>Project date</strong>: 01 March, 2020</li>
                  <li><strong>Project URL</strong>: <a href="#">www.example.com</a></li>-->
                </ul>
              </div>
              <div class="portfolio-description">
                <h2>Detalhes</h2>
                <p>
                    {{$product->desc}}
                </p>

                
                <form action="{{ route('site.addCart', $product->id) }}" method="POST">
                    @csrf()
                    <input type="hidden" name="product_id" value="{{ $product->id }}">
                    <input type="hidden" name="preco" value="{{ $product->preco }}">
                    <div class="input-group quantity mr-3" style="width: 160px;">
                        <input type="hidden" name="qtd" class="form-control bg-secondary text-center" value="1">
                    </div><br>
                    <button type="submit" class="btn btn-warning px-3"><i class="fa fa-shopping-cart mr-1"></i>Solicitar</button>
                </form>

              </div>
            </div>
  
          </div>
  
        </div>
      </section>
@endsection
   
      
 
        <!-- End Services Section -->



        @section('footer')
            @include('site.partials.footer')
        @endsection