@extends('layouts.master',  ['vueView' => 'nmgResourcesList'])

@section('content')
	

		<!--Sub Nav-->
		<div class="page-title--with-nav">
			<h2 class="large-text accent-text bold-text">
				{{ $nmg->clients->name }}@if($nmg->inactive_date) - FORMER CLIENT @endif
			</h2>
			<div>

				@if($nmg->display_public == 1 && (is_null($nmg->inactive_date) || $nmg->inactive_date == ''))
					<a href="{{ config('app.public_website_url') }}news-sports-media/{{ $nmg->slug }}" class="button--condensed"  target="_blank">Public Page</a>
				@endif

				<!-- @if($nmg->display_public == 1)
					<a id="singleTest" class="button--condensed" style="cursor:pointer">E-Mail</a>
					<a href="{{ $nmg->imdb }}" class="button--condensed" target="_blank">
						E-Mail
					</a> 
				@endif -->

				<!-- <a href="{{ $nmg->imdb }}" class="button--condensed" target="_blank">
					IMDB
				</a> -->

				<!-- @if(in_array('edit:clients', $permissions))
					<a href="{{ action('ClientsController@copy', ['typeSlug' => 'nmg', 'client' => $nmg->clients->id]) }}" class="button--condensed">
						Copy
					</a>
				@endif -->

				@if(in_array('edit:nmg_clients', $permissions))
					<a href="{{ action('ClientsNmgController@edit', ['nmg' => $nmg->slug ]) }}" class="button--condensed">
						Edit
					</a>
				@endif
			</div>
		</div> 

		<!--Artist Info-->
		<div class="grid flex-container flex-container--wrap">
			<div class="col--2-4 col--with-right-margin">
				
			@if(!is_null($nmg->main_image_authenticated) && !str_contains($nmg->main_image_authenticated, 'no-image') )
				<img src="{{ $nmg->main_image_authenticated }}" class="full-width-image">
			@else
				<img src="{{ $nmg->clients->main_image_authenticated }}" class="full-width-image">
			@endif

			<div class="button-set">
				@if($nmg->clients->bio)
					<a href="#" class="button--1-4 button--grey">Bio</a>
				@endif
			</div>
			<article class="no-border default-article normalBullets">

				<p>{!! implode( "</p>\n\n<p>", preg_split( '/\n(?:\s*\n)+/', $nmg->clients->bio) ) !!}</p>
				
			</article>
				
				
				
				<!--<a href="#" class="button--red button--inline">Download Bio</a>-->
			</div>
			


			
			<!--Side-->
			<div class="col--2-4 col--with-left-margin intranet-artist-sidebar top-margin">
				<div class="btm-margin flex-container flex-container--left ar-copy intranet-artist-info-row" style="padding-bottom: 30px;">
					<div class="flex-container flex-container--left ar-copy">
						
						<div class="right-padding">
							<p class="btm-margin-alt">
								@if($nmg->clients->pointAgents->count() > 0)
								<span class="black-text block-text">Point Agents:</span>
									@foreach($nmg->clients->pointAgents as $user)
										<span class="accent-text"><a href="/users/{{ $user->slug }}/">{{ $user->first_name }} {{ $user->last_name }}@if($user->inactive_date_temporary == 1) - TLO @elseif( !is_null($user->inactive_date)) (FORMER EMPLOYEE)@endif</a>{{ $loop->remaining > 0 ? ', ' : '' }}</span>
									@endforeach
								@endif
								</p>
								<p class="btm-margin-alt">
									@if($nmg->clients->supportAgents->count() > 0)
								<span class="black-text block-text">Agent Team:</span>
									@foreach($nmg->clients->supportAgents as $user)
										<span class="accent-text"><a href="/users/{{ $user->slug }}/">{{ $user->first_name }} {{ $user->last_name }}@if($user->inactive_date_temporary == 1) - TLO @elseif( !is_null($user->inactive_date)) (FORMER EMPLOYEE)@endif</a>{{ $loop->remaining > 0 ? ', ' : '' }}</span>
									@endforeach
								@endif
							</p>

							<p class="btm-margin-alt">
								
								@if(count($nmg->Clients->genders) > 0)
									<p class="micro-text"><span class="black-text">Sex: </span>{{ $nmg->Clients->genders->pluck('name')->join(', ') }}</p>
								@endif

								@if($nmg->clients && $nmg->clients->pronouns)
									<p class="micro-text"><span class="black-text">Pronouns: </span>{{ $nmg->clients->pronouns }}</p>
								@endif


								@if(count($nmg->clients->ethnicities) > 0)
									<p class="micro-text"><span class="black-text">Ethnicity: </span>
										@foreach($nmg->clients->ethnicities as $ethnicity)
										{{ $ethnicity->name }}{{ $loop->remaining > 0 ? ', ' : '' }}
										@endforeach
									</p>
								@endif

								@if($nmg->clients->ethnicity_note)
									<p class="micro-text"><span class="black-text">Ethnicity Note: {{ $nmg->clients->ethnicity_note }}</span></p>
								@endif

								@if($nmg->height_string)
									<p class="micro-text"><span class="black-text">Height: </span>{{ $nmg->height_string }}</p>
								@endif
								
							</p>
							
						</div>
					</div>

					<div class="col--1-2 talent-details-col">
						<p class="micro-text"><span class="">Title:</span> 
							<span class="sub-title-color">
								@if(!empty($nmg->title))
									{{$nmg->title}}
								@else
								-
								@endif
							</span>
						</p>

						<p class="micro-text"><span class="">Employer:</span> 
							<span class="sub-title-color">
								@if(!empty($nmg->employer))
									{{$nmg->employer}}
								@else
								-
								@endif
							</span>
						</p>

						<p class="micro-text"><span class="">Location:</span> 
							<span class="sub-title-color">
								@if(!empty($nmg->location))
									{{$nmg->location}}
								@else
								-
								@endif
							</span>
						</p>
					</div>
					
				</div>{{-- close side-by-side area --}}

				<div class="intranet-social-media-stats" style="margin-top: 0px;">

					@foreach($nmg->allSocialInfo as $sm)
						@if(!is_null($sm[1]) && $sm[1] !== "")
							<a href="{{$sm[1]}}" class="intranet-social-media-stat" target="_blank">
								<div class="page-title-social-nav__item">
									<img src="https://intranet.paradigmagency.com/img/{{$sm[0]}}" />
								</div>
								@if(!is_null($sm[2]))
									<div class="xs-text" title="Last updated {{$sm[2][1]}}">{{$sm[2][0]}}<br />{{$sm[2][2]}}</div>
								@endif
							</a>
						@endif

					@endforeach
					
				</div>

				<div class="links">
					<div class="sidebar-title">
						<h2 class="small-text grey-text">
							Media
							<a href="{{ action('ClientsNmgMediaController@create', ['nmg' => $nmg->slug]) }}/" class="button--small button--red pull-right" style="margin-top: -8px">Add Video/Media</a>
							<a href="{{ action('ClientsNmgMediaController@createTitle', ['nmg' => $nmg->slug]) }}/" class="button--small button--red pull-right" style="margin-top: -8px; margin-right: 5px;">Add Title</a>
						</h2>
					</div>
					<div style="text-align: right" v-if="hasDragged">
					<a class="button button--small button--red"  @click="commitChanges">Save changed order</a>
					</div>

					<div class="artist-news">
						@if($nmg->media() !== null && $nmg->media()->count() > 0)
							<draggable v-model="medias" @start="hasDragged=true">
								<div style="padding: 10px 15px; display: flex; gap: 5px; align-items: center;" class="small-text" v-for="media in medias">
									<img v-if="media.media_id != null" v-bind:src="media.public_image"  style="width: 200px;">
											
											<div v-if="media.title_only == 1" style="flex-grow: 1; font-weight: bold; text-decoration: underline; background-color: #eeeeee; padding: 5px;">@{{ media.title }}</div>
											<div v-else style="flex-grow: 1">@{{ media.title }}</div>
									<div><a v-bind:href="'/news-sports-media-media/' + media.id + '/edit/'">Edit</a></div>
								</div>
							</draggable>
						@endif
					<div style="clear:both"></div>
				</div>
			</div>
		</div>


@stop