@extends('Frontend.Layouts.app')
@php
if( $product ){
    $page_title = $product->display_price() . ' - ' .$product->name;
    $meta_description = $product->description;
    $meta_image = asset( product_folder( $product->featured_img ) );
}else{
    $page_title = "Book not found";
}
@endphp

@section('page_content') 

@if( ! $product )
   <p class="text-center"> Book not found </p>

@else

<section class="container">
     <h3 class="text-center mb-3"> {{ $product->name }} </h3>
  
     <!-- show product details -->
       <div class="row">

    <section class="col-md-6">
        <div id="img-display-slider" data-interval="3000" class="carousel slide" data-ride="carousel">
          <ol class="carousel-indicators">
            @foreach( $product->img as $index => $img )
            <li data-target="#img-display-slider" data-slide-to="{{ $index}}" class="@if($index == 0 ) active @endif "></li>
            @endforeach
          </ol>
          <div class="carousel-inner" style="max-height:600px;">
            @foreach( $product->img as $index => $img )
            <div class="carousel-item @if($index == 0) active @endif">
              <img class="d-block w-100" src="{{ asset( product_folder( $img) ) }}" alt="{{ $product->name }} - image">
            </div>
            @endforeach
          </div>
          <a class="carousel-control-prev" href="#img-display-slider" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="carousel-control-next" href="#img-display-slider" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>
<br>
<button class="btn btn-outline-info btn-block share_btn" share_data="{{ $product->share_data() }}"> <i class="fa fa-share"></i> Share </button>
      </section>
      
    <section class="col-md-6 mt-3">  
       <div class="card">
        <div class="card-body text-center">
          <h4> {{ $product->display_selling_price() }} </h4><hr>
          @if( $product->isbn )
          <h6 class="text_pre_line">ISBN: <br>{{ $product->isbn }}</h6> <hr>
          @endif
          <h6 class="text_pre_line"> DESCRIPTION: <br> <br> {{ $product->description }}</h6> <hr>
          <form action="">
            <button type="button" class="btn btn-outline-success _add_to_cart" id="add_to_cart_{{ $product->id }}" product_data="{{ $product->add_to_cart_data() }}"> Add to cart </button>
            <button type="button" class="btn btn-outline-warning _checkout" id="add_to_cart_{{ $product->id }}" product_data="{{ $product->add_to_cart_data() }}"> Checkout </button>
          </form>

          <hr>
          <p>
            {{ general_setting('product_policy') }}
          </p>

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

  </div>
  <!-- //end show product details -->

  <section class="mt-5 mb-3">
    <h4> More Books you may like </h4><hr>
    @include( frontend_shared_file('display_products'))
  </section>

</section>

@endif


@stop