@extends('master')
@section('content')
<main>
   <section class="participating-businessea pariatur-bussiness">
      <div class="container  ">
         <div class="row top-1  ">
            <div class="col-12 col-md-4 pt">
               <button class="back-button pb-4" onclick="window.location.href='{{ route('business-detail',['name' => $record->user->slug ]) }}'">
               <img src="{{ URL::to('frontend') }}/assets/img/back-button.png" alt="back-button"  class="img-fluid m3-1">
               <span class="text-Back">Back</span>
               </button>
               <div class="description-img">
                  <img style="width:100%; object-fit:cover;" src="{{ $record->image_url }}" title="{{ $record->name }}" alt="{{ $record->name }}" class="img-fluid">
               </div>
            </div>
            <div class="col-12 col-md-8 pt">
               <div class="discription-text-box ">
                  <div class="discription-text-icon  discription-botoom pt">
                     <div class="discription-text">
                        <h1 class="font-22">
                            {{ $record->name }}
                            <ul class="review-star d-flex align-items-center">
                                <li>
                                    @for( $r=1; $r <= 5; $r++ )
                                        @if( $record->total_rating >= $r )
                                            <img style="width:15px;" src="{{ URL::to('frontend') }}/assets/img/Star.png" alt="star-img" class="img-fluid">
                                        @else
                                            <img style="width:15px;" src="{{ URL::to('frontend') }}/assets/img/Star-light.png" alt="star-img-light" class="img-fluid">
                                        @endif
                                    @endfor
                                </li>
                                <li class="ms-2 color-2e3336">({{ $record->total_review > 1 ? "{$record->total_review} reviews" : "{$record->total_review} review" }})</li>
                            </ul>
                        </h1>
                     </div>
                     <div id="_make_favourite" data-id="{{ $record->id }}" class="discription-icon {{ !empty($record->is_favourite) ? 'active' : '' }}">
                        <i class="fa-solid fa-heart"></i>
                     </div>
                  </div>
                    @if( $record->price_type == 'special_price' )
                        <p class="font-26 ">
                            ${{ $record->price }}
                        </p>
                    @endif
                    @if( $record->price_type == 'off' )
                        <p class="font-26 ">
                            <s>${{ $record->price }}</s>  ${{ $record->sale_price }}
                        </p>
                    @endif
                  <hr>
                  @if( empty($record->is_redeem) || $record->redeem_type == 'multiple' )
                     <div class="redeemed-btn gx-0 d-flex align-items-center">
                        <button class="btn-redeemed" data-bs-toggle="modal" data-bs-target="#redeemedModal">
                           Redeem
                        </button>
                     </div>
                  @else
                     <div class="redeemed-btn gx-0 d-flex align-items-center">
                           <a class="text-info" href="javascript:void(0);">
                              Redeemed
                           </a>
                     </div>
                  @endif
                  @if( !empty($record->how_to_redeem) )
                    <div class="redem-text">
                    <h3 class="font-18">How to redeem?</h3>
                        <h4 class="font-12 ">{{ $record->how_to_redeem }}</h4>
                    </div>
                 @endif
                 <div class="redem-text">
                 <h3 class="font-18">Description</h3>
                  <h4 class="font-12 ">{{ $record->description }}</h4>
                 </div>


               </div>
            </div>
         </div>
         <span id="related_deal_section">
            <div class="row pt margin-000">
                <div class="col-12">
                   <h1 class="font-18">Related Products</h1>
                </div>
             </div>
             <div id="deal-container" class="row pt-20"></div>
         </span>
      </div>
   </section>
</main>
@if( empty($record->is_redeem) || $record->redeem_type == 'multiple' )
   <div class="modal fade discount-code-modal" id="redeemedModal">
      <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
            <div class="modal-header">
               <button type="button close-button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body text-center">
               @include('flash-message')
               <h5 class="text-center  font-26" id="staticBackdropLabel">Code</h5>
               <input type="text" name="deal_code" id="deal_code" placeholder="Redeem Code">
               <button id="_deal_redeem" data-id="{{ $record->id }}" class="btn-submit font-20 ">
                  Submit
               </button>
            </div>
         </div>
      </div>
   </div>
@endif
 @push('script')
    <script>
        let deal_user_id = '{{ $record->user->id }}';
        let deal_type    = '{{ $record->paid_promotion }}';
        let auth         = '{{ Auth::check() ? json_encode(session("user")) : NULL }}';
    </script>
    <script src="{{ asset('frontend/assets/js/recipe-detail.js') }}"></script>
 @endpush
@endsection