@extends('layouts.app')
@section("title")
Favourites
@endsection
@section('content')

         @php 
         $addTofav ='
         <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" >
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
               <polygon id="Shape" points="0 0 24 0 24 24 0 24"/>
               <path d="M16.5,4.5 C14.8905,4.5 13.00825,6.32463215 12,7.5 C10.99175,6.32463215 9.1095,4.5 7.5,4.5 C4.651,4.5 3,6.72217984 3,9.55040872 C3,12.6834696 6,16 12,19.5 C18,16 21,12.75 21,9.75 C21,6.92177112 19.349,4.5 16.5,4.5 Z" id="Shape" fill="grey" />
            </g>
         </svg>
         ';
         $isFavorite ='
         <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" >
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
               <polygon id="Shape" points="0 0 24 0 24 24 0 24"/>
               <path d="M16.5,4.5 C14.8905,4.5 13.00825,6.32463215 12,7.5 C10.99175,6.32463215 9.1095,4.5 7.5,4.5 C4.651,4.5 3,6.72217984 3,9.55040872 C3,12.6834696 6,16 12,19.5 C18,16 21,12.75 21,9.75 C21,6.92177112 19.349,4.5 16.5,4.5 Z" id="Shape" fill="red" />
            </g>
         </svg>
         ';
         @endphp
<br>
                        <div class="tab products-details-tab">
                            <div class="row">
                                <div class="col-lg-12 col-md-12">
                                    <ul class="tabs active">
                                        <li class="current"><a href="#">
                                            <i class="bx bx-paper-plane"></i> Publications <small>({{$publications->count()}})</small>
                                        </a></li>
                                        
                                        <li class=""><a href="#">
                                            <i class="bx bx-pin"></i> External Courses <small>({{$courses->count()}})</small>
                                        </a></li>

                                        <li class=""><a href="#">
                                             <i class="bx bx-video"></i> External Multimedia <small>({{$multimedia->count()}})</small>
                                        </a></li>
                                    </ul>
                                </div>

                                <div class="col-lg-12 col-md-12">
                                    <div class="tab-content">
                                        <div class="tabs-item" style="display: block;">
                                            <div class="products-details-tab-content">
                                                <div class="kt-widget5" style=" height: 400px; overflow: auto; ">
                                                  @include("user.favourites_partials.favourites_loop",["favourites"=>$publications])
                                                  
                                            
                                                </div>
                                            </div>
                                        </div>

                                        <div class="tabs-item" style="display: none;">
                                            <div class="products-details-tab-content">

                                            @include("user.favourites_partials.favourites_loop",["favourites"=>$courses])

                                            </div>
                                        </div>

                                        <div class="tabs-item" style="display: none;">
                                            <div class="products-details-tab-content">

                                        @include("user.favourites_partials.favourites_loop",["favourites"=>$multimedia])

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
@guest
            <div class="kt-section">
               <div class="kt-section__content kt-section__content--solid">
                     <div class="kt-section__info"><h3>login to get more Sources</h3></div>
                  <a href="{{url("login")}}" class="btn btn-secondary btn-taller">login</a>
                  <a href="{{url("signup")}}" class="btn btn-secondary btn-taller">sign up</a>
               </div>
            </div>
@endguest
@endsection

@section('script')
   <script type="text/javascript">
       (function ($) {
            $('.tab ul.tabs').addClass('active').find('> li:eq(0)').addClass('current');
            $('.tab ul.tabs li a').on('click', function (g) {
                var tab = $(this).closest('.tab'), 
                index = $(this).closest('li').index();
                tab.find('ul.tabs > li').removeClass('current');
                $(this).closest('li').addClass('current');
                tab.find('.tab-content').find('div.tabs-item').not('div.tabs-item:eq(' + index + ')').slideUp();
                tab.find('.tab-content').find('div.tabs-item:eq(' + index + ')').slideDown();
                g.preventDefault();
            });
        })(jQuery);
      $( "#keyword" ).change(function() {
         if($(this).val()!="empty"){
            window.location.href = "{{url("/sources?q=")}}"+$(this).val();

         }
      });
   @if(Auth::user()->type == "user")

      var Read =  function (href , id){
      
      $.ajax({
      method: "POST",
      url: "ArticleReadStore/"+id,
      data: {_token:'{{csrf_token()}}'}
      })
      .done(function( msg ) {
       window.location.href = href;

      });
      }
 
   @endif

      var addToFav =  function (id){
   
      $.ajax({
        method: "POST",
        url: "addToFav",
        data: { id: id,_token:'{{csrf_token()}}'}
      })
        .done(function( msg ) {
         if(msg.delete=="no")
          $(".fav-"+msg.id).html(`{!!$isFavorite!!}`);
         else{
          $(".fav-"+msg.id).html(`{!!$addTofav!!}`);
         }
        });
   }
   </script>

@endsection