@extends('frontend.layouts.layout_page')

@section("style")
    
@endsection
@section('pageTitle')
<title>{{ trans('panel.site_title') }} {{ trans('artist.artist') }}</title>
@endsection

@section('content')


    <section class="ticket_section bg-black burger_t p-relative">
      <div class="bg_strip1 bg_stripartist"><img src="{{URL::asset('frontend/images/bg_strip1.svg')}}" alt="ticket" class="img-svg" /></div>
      <div class="bg_strip6"><img src="{{URL::asset('frontend/images/bg_strip6.svg')}}" alt="ticket" class="img-svg" /></div>
      <div class="ccontainer artist_section">
        <div class="crow flex-justify-center flex-item-align-end">
          <div class="ccol ccol-lg-3 ccol-md-3 ccol-sm-4">
            <?php
              $artist_img = URL::asset('frontend/images/profile.png');
              if(!empty($artist->artist_image)){
                $artist_img = URL::asset('Artist/'.$artist->id.'/'.$artist->artist_image); 
              }
            ?>
            <img src="{{$artist_img}}" alt="profile"  class="w-100" />
          </div>
          <div class="ccol ccol-lg-3 ccol-md-3 ccol-sm-4">
            <div class="ml-1">
              
              @if($event_count)<div class="badge badge-warning mb-1 hide d-none">{{date('l, M. d, Y', strtotime($event->start_date))}} @ {{ date('h:i A', strtotime($event->start_time))}}</div>@endif
              <h1 class="heading_1 text-white">{{$artist->artist_title}}</h1>
            </div>
          </div>
        </div>
        <div class="crow">
          <div class="ccol ccol-lg-6 ccol-md-6 ccol-sm-8 mx-auto border-top border-white mt-1">
            @if(!empty($artist->artist_apple_music_link) || !empty($artist->artist_spotify_music_link))
              <div class="navigation_cnt cnt_white">
                <h3>
                  <span><img src="{{URL::asset('frontend/images/arrow.svg')}}" alt="arrow" class="img-svg" /></span>
                  Check out artist tracks on
                    @if(!empty($artist->artist_spotify_music_link)) Spotify @endif 
                    @if(!empty($artist->artist_apple_music_link) && !empty($artist->artist_spotify_music_link)) or @endif 
                    @if(!empty($artist->artist_apple_music_link)) Apple @endif 
                  Music 
                </h3>
                <div class="ml-3 mt-1" style="padding-left: .5rem;">
                  @if(!empty($artist->artist_apple_music_link))
                    <a href="{{$artist->artist_apple_music_link}}" class="cbtn cbtn-primary mr-1 mb-1">Go to Apple Music <!-- <span><img src="{{URL::asset('frontend/images/arrow.svg')}}" alt="arrow" class="img-svg" /></span> --></a>
                  @endif
                  @if(!empty($artist->artist_spotify_music_link))
                    <a href="{{$artist->artist_spotify_music_link}}" class="cbtn cbtn-primary">Go to Spotify <!-- <span><img src="{{URL::asset('frontend/images/arrow.svg')}}" alt="arrow" class="img-svg" /></span> --></a> 
                  @endif
                </div>

              </div>
            @endif
            <div class="text-white mt-2 line_height18 mb-2">
              {!! $artist->artist_desc !!}
            </div>
            @if(!empty($artist->artist_video))
            <div class="text-white border-top border-white mt-1 pt-1">
              <h2 class="mb-2">@if(!empty($artist->iframe_title)) {{ $artist->iframe_title }} @else {{trans('artist.iframe_title')}} @endif</h2>
              <div class="iframe_video">
                {!! $artist->artist_video !!}
                <!--<iframe src="{{$artist->artist_video}}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->
                

              </div>
            </div>
            @endif
          </div>
        </div>
      </div>
    </section>

@endsection

@section('scripts')

@endsection