@extends('frontend.layouts.app')

@section('content')

<div class="cart-page-sec user-dashboard">
  <div class="container">
    <div class="row">
      <div class="col-lg-9 col-md-8">
         @include('layouts.message')
          <div class="post-sub-sec p-0">
              
              <div class="cart-title">
                  <h5 class="mb-0">Your Cart</h5>
              </div>
              <div class="cart-items-table">

                <table class="table">
                    <thead>
                        <tr>
                            <th scope="col" class="th-prd col-lg-5">Product</th>
                            <th scope="col" class="th-price">Ad Price/Featured Price</th>
                            <th scope="col" class="th-quan">Ad Duration/ Featured Duration</th>
                            <th scope="col" class="th-total">Total</th>
                            <th scope="col" class="th-action"></th>
                        </tr>
                    </thead>
                    <tbody>

                      @php $total = 0; @endphp

                      @if( isset( $carts ) && count( $carts ) > 0 )

                        @foreach($carts as $cart)

                          @php
                            
                            $featuredPrice = $cart->featured_price ?? 0;

                            $total    = $total + $cart->promote_ad_type_price + $featuredPrice;

                            if( in_array( $cart->module_id, [1,2,3,5,6,11,12,8,4] ) )
                            {
                              $ad   = \App\Models\TempAdBusiness::find($cart->temp_ad_id);
                            }


                          @endphp

                          @if( isset( $ad ) && isset( $cart->promote_ad_type_price ) )
                        
                          <tr>
                            <td class="td-prd">
                                <div class="cart-products-details">
                                    <div class="image">
                                      @if($cart->module_id == 1)
                                        <img src="{{asset('business/'.$ad->featured_image)}}" alt="">
                                      @endif
                                      @if($cart->module_id == 2)
                                        <img src="{{asset('home-business/'.$ad->featured_image)}}" alt="">
                                      @endif

                                      @if($cart->module_id == 3)
                                        <img src="{{asset('non-profit/'.$ad->featured_image)}}" alt="">
                                      @endif

                                      @if($cart->module_id == 5)
                                        <img src="{{asset('event/'.$ad->featured_image)}}" alt="">
                                      @endif

                                      @if($cart->module_id == 6)
                                        <img src="{{asset('fundrazier/'.$ad->featured_image)}}" alt="">
                                      @endif

                                      @if($cart->module_id == 11)
                                        <img src="{{asset('flyers/'.$ad->featured_image)}}" alt="">
                                      @endif

                                      @if($cart->module_id == 12)
                                        <img src="{{asset('menu/'.$ad->featured_image)}}" alt="">
                                      @endif

                                      @if($cart->module_id == 4)
                                        <img src="{{asset('classified/'.$ad->featured_image)}}" alt="">
                                      @endif

                                      @if($cart->module_id == 8)
                                        <img src="{{asset('help-wanted/'.$ad->featured_image)}}" alt="">
                                      @endif

                                    </div>
                                    <div class="title">
                                        <h2><a href="#">{{$ad->title}}</a></h2>
                                        <span class="item-cat">
                                          ( 
                                          @if($cart->module_id == 1) Business 
                                          @elseif($cart->module_id == 2) Home Business  
                                          @elseif($cart->module_id == 3) Non-Profit 
                                          @elseif($cart->module_id == 5) Event
                                          @elseif($cart->module_id == 6) Fundraiser 
                                          @elseif($cart->module_id == 11) Flyers 
                                          @elseif($cart->module_id == 12) Menu
                                          @elseif($cart->module_id == 4) Classified
                                          @elseif($cart->module_id == 8) Help Wanted
                                          @endif 
                                          )
                                      </span>
                                    </div>
                                </div>
                            </td>
                            <td class="td-price">
                              <p>${{$cart->promote_ad_type_price}} @if(isset($ad->featured)) + ${{$cart->featured_price}}   @endif</p>
                            </td>
                            <td class="td-quan">
                              <input type="text" class="form-control prd-item-value"  value="{{$cart->promote_ad_type_duration}} @if(isset($ad->featured))/ {{$cart->featured_duration}} @endif" readonly="">
                            </td>
                            <td class="td-total">
                              <p>${{$cart->promote_ad_type_price + $featuredPrice}}</p>
                            </td>
                            <td class="td-action">
                              <a href="javascript:void(0)" class="remove-cart-item" data-remote="{{route('user.cart.remove',encrypt($cart->id))}}"><i class="fas fa-trash-alt"></i></a>
                            </td>
                          </tr>

                          @endif

                          @if( $cart->added_by == 'admin' && isset($cart->title) && isset($cart->admin_cart_id))
                            @php $total = $total + $cart->admin_price; @endphp
                            <tr>
                              <td class="td-prd"> <div class="title"> <p>{{$cart->title}}(admin)</p></div></td>
                              <td class="td-price">${{$cart->admin_price}}</td>
                              <td></td>
                              <td class="td-price">${{$cart->admin_price}}</td>
                              <td class="td-action"></td>
                            </tr>
                          @endif
                        @endforeach
                      @else
                        <tr> <td colspan="4">No Items in cart!</td> </tr>
                      @endif
                    </tbody>
                </table>
              </div>
          </div>
        
      </div>
      <div class="col-lg-3 col-md-4">
          <div class="post-sub-sec p-0">
              <div class="item-title">
                  <h5 class="mb-0">Summary</h5>
              </div>
              <div class="item-sum-content p-3">
                  <div class="sum-subtotal mb-2 d-flex">
                      <h6>Subtotal</h6>
                      <p class="price">${{$total}}</p>
                  </div>
                  <div class="sum-ordertotal  my-2 d-flex">
                      <h6>Order Total</h6>
                      <p class="price">${{$total}}</p>
                  </div>
                  @if( isset( $carts ) && count( $carts ) > 0 )
                  <div class="item-sum-btn d-flex mx-auto mt-3 justify-content-center">
                      <a href="{{route('user.checkout')}}" class="btn btn-primary">Proceed To Checkout</a>
                  </div>
                  @endif
              </div>

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


<div class="modal fade" id="removeModalPopup" tabindex="-1" role="dialog" aria-labelledby="removeModalPopup" aria-hidden="true">
   <div class="modal-dialog" role="document">
      <div class="modal-content">
            
            <div class="modal-header">
                <h5 class="modal-title" id="user_delete_confirm_title">Remove Cart item</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                   <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body"><p>Are you sure to remove this item from cart?</p></div>
            
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
                <a href="" class="btn btn-primary" id="remove-confirmation">Yes</a>
            </div>
      </div>
   </div>
</div>
@endsection

@section('scripts')

<script type="text/javascript">
    
  $('.remove-cart-item').on('click',function(){
    $("#removeModalPopup").modal('show');
    let removeUrl = $(this).attr('data-remote');
    $("#remove-confirmation").attr('href',removeUrl);
  });

</script>

@endsection