@extends("front.layout.master")
@section('title', "Artist Profile Page ")
@section("body")
<!-- content begin -->
<div class="no-bottom no-top">    
    <section aria-label="section" class="mt-lg-4 section_mt">
      <div class="container"> 

        <div class="breadcrumb">
          <div class="container-fluid">
            <div class="breadcrumb-inner">
              <ul class="bread-crumbs-pdp list-inline list-unstyled d-flex">
                  <li><a href="{{ url('/') }}">{{ __('staticwords.Home') }}</a></li>
                  <li><a href="{{ url('/artist') }}">{{ __('staticwords.artist') }}</a></li>
                  <li class='active'>{{ucwords($user->name)}}</li>
              </ul>
            </div>
          </div>
        </div>
 <div class="container-fluid">
    <div class="row">
      <div class="text-uppercase text-center fw-bold mt-2 ">
          <span class="font-36 lh-sm">{{$user->name}}</span>
      </div>
            
      <div class="text-center my-2">
          {{$state->name}} , {{ $country->name}} 
       
      </div>
    </div>

    <div class="container-fluid">
      <div class="row" id="artist-container">
        <!-- -----------------Start---------------------- -->
          <div class="col-12 col-md-4 col-lg-3 artist-img">
              <div class="secondary-picture">
                 @if($user->image !="")

                       
                      @if(file_exists(public_path().'/images/user/'.$user->image))
                             
                               <img src="{{url('images/user/'.$user->image)}}" alt="User Image" class="img-fluid">
                            @else
                             
                               <img src="{{ url($user->image) }}" alt="User Image" class="img-fluid">
                            @endif
                      @else
                          <img class="image img-fluid" src="https://artiner-prod.s3.ap-south-1.amazonaws.com/images/user.webp" />
                      @endif

              </div>
              
         <!-- ------------------------- Follow start-------------------- -->


        <div class="profile_follow d-flex w-100 align-middle justify-content-center my-3">
          <div class="de-flex-col">
            <div class="profile_follower me-2 fw-bold">
              <span class="count">{{ $user->followers()->get()->count() }} </span> 
                  
                  <span class="changed"> 
                    @if($user->followers()->get()->count()==0)
                      {{ __('staticwords.Follower') }}
                    @elseif($user->followers()->get()->count()==1)
                      {{ __('staticwords.Follower') }}
                    @else 
                      {{ __('staticwords.Followers') }}
                    @endif
                  </span>
                 </div>
               </div>
              <div class="de-flex-col">
                @auth
                <span data-id="{{ $user->id }}" class=" badge action-follow btn-main btn-small text-white">
                  <span class="status">

                      @if(auth()->user()->isFollowing($user))
                        {{ __('staticwords.UnFollow') }}
                      @else
                        {{ __('staticwords.Follow') }}
                      @endif
                      @else
                        <span data-id="{{ $user->id }}" class=" badge before-login fw-bold text-uppercase py-1 px-2 btn-main btn-small text-white" style="cursor:pointer;">
                          Follow
                      @endauth
                  </span>
                </span>
              </div>
        </div>   
       <!-- ---------------------------------Follow End--------------------- -->
      </div>
      <!-- -----------------end---------------------- -->
          
      <div class="col-12 col-md-8 col-lg-9">
        @if($user->store->aboutme)
          <div class="artist-about d-none d-lg-block">
            <ul class="artist-about-list d-flex flex-row align-items-start flex-wrap mt-3 text-break px-0">
              <li class="h-auto w-100 flex-grow-0 px-3 position-relative align-top my-2">
                  <div class="title d-inline-block f20 fw-bold mb-1 text-uppercase">
                  {{ __('staticwords.about') }} {{ __('staticwords.artist') }}
                  </div>
                 
                    {!! html_entity_decode(substr(nl2br($user->store->aboutme), 0,1000)) !!}
                      @if (strlen($user->store->aboutme) > 1000)
                           <span id="Daboutme_dots"> ... </span>
                           <span  id="Daboutme_more">
                           
                            {!! html_entity_decode(substr(nl2br($user->store->aboutme), 1000)) !!}
                           </span>
                           <a href="javascript:void(0);" onclick="readmoreFunction(this.id)" id="Daboutme">
                            {{ __('staticwords.readmore') }}
                           </a>
                       @endif

                  
                </li>
                @if($user->store->awards)
                  <li class="h-auto w-100 flex-grow-0 px-3 position-relative align-top my-2">
                    <div class="title d-inline-block f20 fw-bold mb-1 text-uppercase">
                      {{ __('staticwords.AwardsandRecognations') }}
                    </div>
                           
                  
                      {!! html_entity_decode(substr(nl2br($user->store->awards), 0, 1000)) !!}
                          @if (strlen($user->store->awards) > 1000)
                             <span id="Dawards_dots">... </span>
                             <span  id="Dawards_more">
                             
                              {!! html_entity_decode(substr(nl2br($user->store->awards), 1000)) !!}
                             </span>
                             <a href="javascript:void(0);" onclick="readmoreFunction(this.id)" id="Dawards">
                              {{ __('staticwords.readmore') }}
                             </a>
                          @endif

           
                  </li>
                @endif
                @if($user->store->art_info)
                  <li class="h-auto w-100 flex-grow-0 px-3 position-relative align-top my-2">
                    <div class="d-inline-block f20 fw-bold mb-1 text-uppercase">
                      {{ __('staticwords.OtherArtGalleriesOrPlatformsAssociatedWith') }}
                    </div>
                    
                      {!! substr(nl2br($user->store->art_info), 0, 1000) !!}
                        @if(strlen(strip_tags($user->store->art_info)) > 1000)
                          <span id="Dart_dots"> ... </span>
                          <span  id="Dart_more">{!! substr(nl2br($user->store->art_info), 1000) !!}</span>
                          <a href="javascript:void(0);" onclick="readmoreFunction(this.id)" id="Dart"> {{ __('staticwords.readmore') }}</a>
                        @endif

                    
                  </li>
                @endif
              </ul> 
            </div>
            @endif
            @if($user->store->aboutme)
              <div class="artist-about artist_mobile d-block d-lg-none">
                <ul class="artist-about-list d-flex flex-row align-items-start flex-wrap mt-3 text-break px-0">
                  <li class="h-auto w-100 flex-grow-0 px-3 position-relative align-top my-2">
                      <div class="title d-inline-block f20 fw-bold mb-1 text-uppercase">
                        {{ __('staticwords.about') }} {{ __('staticwords.artist') }}
                      </div>
                      
                         
                      {!! html_entity_decode(substr(nl2br($user->store->aboutme), 0,1000)) !!}
                      @if (strlen($user->store->aboutme) > 1000)
                           <span id="Maboutme_dots"> ... </span>
                           <span  id="Maboutme_more">
                           
                            {!! html_entity_decode(substr(nl2br($user->store->aboutme), 1000)) !!}
                           </span>
                           <a href="javascript:void(0);" onclick="readmoreFunction(this.id)" id="Maboutme">
                            {{ __('staticwords.readmore') }}
                           </a>
                        @endif
  
                    
                    </li>
                    @if($user->store->awards)
                      <li class="h-auto w-100 flex-grow-0 px-3 position-relative align-top my-2">
                        <div class="title d-inline-block f20 fw-bold mb-1 text-uppercase">
                          {{ __('staticwords.AwardsandRecognations') }}
                        </div>
                       
                        {!! html_entity_decode(substr(nl2br($user->store->awards), 0, 1000)) !!}
                          @if (strlen($user->store->awards) > 1000)
                           <span id="Mawards_dots"> ... </span>
                           <span  id="Mawards_more">
                           
                            {!! html_entity_decode(substr(nl2br($user->store->awards), 1000)) !!}
                           </span>
                           <a href="javascript:void(0);" onclick="readmoreFunction(this.id)" id="Mawards">
                            {{ __('staticwords.readmore') }}
                           </a>
                          @endif
                       
                      </li>
                    @endif
                    @if($user->store->art_info)
                      <li class="h-auto w-100 flex-grow-0 px-3 position-relative align-top my-2">
                        <div class="title d-inline-block f20 fw-bold mb-1 text-uppercase">
                          {{ __('staticwords.OtherArtGalleriesOrPlatformsAssociatedWith') }}
                        </div>
                       
                        {!! substr(nl2br($user->store->art_info), 0, 1000) !!}
                            @if(strlen(strip_tags($user->store->art_info)) > 1000)
                              <span id="Mart_dots"> ... </span>
                              <span  id="Mart_more">{!! substr(nl2br($user->store->art_info), 1000) !!}</span>
                              <a href="javascript:void(0);" onclick="readmoreFunction(this.id)" id="Mart"> {{ __('staticwords.readmore') }}</a>
                            @endif
                       
                      </li>
                      @endif
                    </ul> 
                  </div>
                @endif
              
            </div> 
          
         </div> 
     </div>
          
            <div class="row align-centre">
                <hr class="line">
                <div class="w-100 d-block mt-4"></div> 
            </div> 
      
            @php
            $page='artistprofile';
            $uid=$user->id;
            @endphp
              <x-product-list heading="{{ __('staticwords.AllArtworksBy') }} {{ucwords($user->name)}}" :allproducts=$artist_product :productCount=count($artist_product) :category=$categories :page=$page :paginate=1 :sidebar=1 :artistId=$uid :headingTag='1'/>
             </div>
           
          </div>      
       </section>
    </div>
<!-- content close -->
@endsection
@section('script')
<!-- Javascript Files
================================================== -->
<script>
  function readmoreFunction(id) {   
    var dots = document.getElementById(id+"_dots");
    var moreText = document.getElementById(id+"_more");
    var btnText = document.getElementById(id); 
    if (dots.style.display === "none") {
      dots.style.display = "inline";
      btnText.innerHTML = "Read more";
      moreText.style.display = "none";
    } else {
      dots.style.display = "none";
      btnText.innerHTML = "Read less";
      moreText.style.display = "inline";
    }
  }
  $('.before-login').click(function() {
    window.location.href = '/login';
    return false;
  });
  $('.action-follow').on('click', function() {
    $('.action-follow').attr("disabled", true);
    var user_id = $(this).data('id');

    var cObj = $(this);
    //var c = $(this).parent("div").find(".tl-follower").text();
    var c = $(".count").text();


    $.ajax({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      type: 'POST',
      url: baseUrl + '/follow',
      //dataType: "json",
      data: {
        user_id: user_id
      },
      success: function(data) {
        //  alert(data.success);            
        var text = $(".status").text();
        if (data.success == 'UnFollow') {

          $(".status").text("{{ __('staticwords.UnFollow') }}");
          $(".count").text(parseInt(c) + 1);
          var total_count = parseInt(c) + 1;
           
             if(total_count == 1){
              $(".changed").text("{{ __('staticwords.Follower') }}");
              }else if(total_count > 1){
              $(".changed").text("{{ __('staticwords.Followers') }}");

             }
        } else if (data.success == 'Follow') {

          $(".status").text("{{ __('staticwords.Follow') }}");
          $(".count").text(parseInt(c) - 1);
          var total_count = parseInt(c) - 1;
          
             if(total_count == 1){
              $(".changed").text("{{ __('staticwords.Follower') }}");
             }else if(total_count > 1){
              $(".changed").text("{{ __('staticwords.Followers') }}");

             }
        }

      },

      complete: function() {
        //Ajax request is finished, so we can enable
        //the button again.
        $('.action-follow').attr("disabled", false);
      },
      error: function(XMLHttpRequest, textStatus, errorThrown) {
        JSON.stringify(XMLHttpRequest);
        alert(errorThrown);
      }
    });
  });
</script>

@endsection