@extends('frontend.layouts.app-dashboard')

@section('content')

<div class="myfav-page-sec user-dashboard">

    <div class="container">

        <div class="row">

            <div class="col-12">

                @include('layouts.message')
                
                <div class="user-ads-show-sec">

                    <div class="row">

                        @if( isset( $favorites )  && count( $favorites )  )

                            @foreach( $favorites as $fav )

                                @if( isset( $fav->ad ) )

                                @php

                                    if($fav->module_id == 1 && isset( $fav->ad->featured_image )){
                                        $imageUrl = asset('business/'.$fav->ad->featured_image);
                                        $imagePath = public_path( 'business/'.$fav->ad->featured_image );
                                        $viewUrl   = route('ad.details',['moduleSlug' => $fav->module->slug, 'adSlug' => $fav->ad->slug ?? 'default'] );
                                    }

                                    if($fav->module_id == 2 && isset( $fav->ad->featured_image )){
                                        $imageUrl = asset('home-business/'.$fav->ad->featured_image);
                                        $imagePath = public_path( 'home-business/'.$fav->ad->featured_image );
                                        $viewUrl   = route('ad.details',['moduleSlug' => $fav->module->slug, 'adSlug' => $fav->ad->slug ?? 'default'] );
                                    }

                                    if($fav->module_id == 3 && isset( $fav->ad->featured_image )){
                                        $imageUrl = asset('non-profit/'.$fav->ad->featured_image);
                                        $imagePath = public_path('non-profit/'.$fav->ad->featured_image);
                                        $viewUrl   = route('ad.details',['moduleSlug' => $fav->module->slug, 'adSlug' => $fav->ad->slug ?? 'default'] );
                                    }

                                    if($fav->module_id == 5){
                                        $imageUrl  = asset('event/'.$fav->ad->featured_image);
                                        $imagePath = public_path('event/'.$fav->ad->featured_image);
                                        $viewUrl   = route('event.detail',$fav->ad->slug);
                                    }

                                    if($fav->module_id == 6){
                                        $imageUrl = asset('fundrazier/'.$fav->ad->featured_image);
                                        $imagePath = public_path('fundrazier/'.$fav->ad->featured_image);
                                        $viewUrl   = route('fundrazier.detail',$fav->ad->slug);
                                    }

                                    if($fav->module_id == 11){
                                        $imageUrl = asset('flyers/'.$fav->ad->featured_image);
                                        $imagePath = public_path('flyers/'.$fav->ad->featured_image);
                                        $viewUrl   = route('flyers.detail',$fav->ad->slug);
                                    }

                                    if($fav->module_id == 12){
                                        $imageUrl = asset('menu/'.$fav->ad->featured_image);
                                        $imagePath = public_path('menu/'.$fav->featured_image);
                                        $viewUrl   = route('menu.detail',$fav->ad->slug);
                                    }


                                    if($fav->module_id == 8){
                                        $imageUrl = asset('help-wanted/'.$fav->ad->featured_image);
                                        $imagePath = public_path('help-wanted/'.$fav->ad->featured_image);
                                        $viewUrl   = route('help-wanted.detail',$fav->ad->slug);
                                    }


                                @endphp

                                <div class="col-lg-3 col-md-4 col-sm-6 ">
                                    <div class="user-ads-block">
                                        
                                        @if( isset( $imageUrl ) && file_exists( $imagePath ) )
                                        <div class="image">
                                            <a href="{{ $viewUrl }}">
                                                <img src="{{ $imageUrl }}" alt="{{ $fav->ad->title ?? '' }}">
                                            </a>
                                        </div>
                                        @else
                                        <div class="image">
                                            <a href="{{ $viewUrl }}">
                                                <img src="{{asset('frontend/image/placeholder.jpg')}}" alt="{{$fav->ad->title}}">
                                            </a>
                                        </div>
                                        @endif

                                        <div class="user-myads-content">
                                            <div class="title">
                                                <h2><a href="{{ $viewUrl }}">{{  $fav->title }}</a></h2>
                                            </div>
                                            <div class="date">
                                                <p><i class="fas fa-calendar-alt"></i> {{date('F d, Y',strtotime($fav->ad->created_at))}}</p>
                                            </div>
                                        </div>
                                        <div class="user-ads-btns">
                                            <ul>
                                                <li class="user-btn-view"><a href="{{ route('ad.details',['moduleSlug' => $fav->module->slug, 'adSlug' => $fav->ad->slug ?? 'default'] ) }}"><i class="fas fa-eye"></i> View</a></li>
                                                <li class="user-btn-delete"><a href="javascript:void(0);" id="{{$fav->id}}"><i class="fas fa-times"></i> Delete</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                                @endif
                            @endforeach

                            @else

                            <p>No favourite ads yet!</p>

                        @endif
                                  
                    </div>
                   <!--  <nav aria-label="..." class="pagination-section">
                        <ul class="pagination justify-content-center">
                            <li class="page-item disabled">
                                <span class="page-link">Previous</span>
                            </li>
                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                            <li class="page-item active">
                                <span class="page-link">
                                    2
                                    <span class="sr-only">(current)</span>
                                </span>
                            </li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item">
                                <a class="page-link" href="#">Next</a>
                            </li>
                        </ul>
                    </nav> -->
                </div>

            </div>

        </div>

    </div>

</div>


<div class="modal fade" id="add-to-fav-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

  <div class="modal-dialog modal-dialog-centered" role="document">

    <div class="modal-content">

      <div class="modal-header">

        <h5 class="modal-title" id="exampleModalLongTitle">Alert Message</h5>

        <button type="button" class="close" data-dismiss="modal" aria-label="Close">

          <span aria-hidden="true">&times;</span>

        </button>

      </div>

      <form action="{{route('user.destroy.favorite')}}" method="POST" id="addToFavoriteForm">
          
          <div class="modal-body">
          
            @csrf

            <input type="hidden" name="fav_id">
         
            <p>Are you sure to remove it in your favorite list?</p>
              
          </div>

          <div class="modal-footer">

            <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
            
            <button type="submit" class="btn btn-warning" id="addToFavoriteFormSubmit">Yes</button>
            
          </div>

    </form>

    </div>

  </div>

</div>

@endsection

@section('scripts')

<script type="text/javascript">
    
    $('.user-btn-delete a').on( 'click', function() {

        $("#addToFavoriteForm input[name=fav_id]").val($(this).attr('id'))

        $('#add-to-fav-modal').modal('show');

        // alert($(this).attr('id'));

    });

</script>


@endsection