@if ($errors->count())
<div class="alert alert-danger" role="alert">
  <ul>
    @foreach ($errors->all() as $error)
    <li>{{$error}}</li>
    @endforeach
  </ul>
</div>
@endif


<div class="row">
  <div class="col-md-6">

    <div class="form-group">
      <label class="col-md-2 control-label" for="name">Name</label>
      <div class="col-md-10">
        <input class="form-control arName autocomplete ui-autocomplete-input jqueryui" type="text" name="name" id="name" placeholder="" value="{{ old('name', $ar->name)}}" data-source="artist-name-autocomplete/"  />
      </div>
    </div>

    @if(in_array('edit:music_ar', $permissions) && in_array('view:music_ar_sensitive', $permissions))
      <ar-sensitive-checkbox :checked="{{ (($ar->is_sensitive) == 1 || old('is_sensitive') == 1) ? 'true' : 'false' }}"></ar-sensitive-checkbox>

      <div class="form-group">
        <label class="col-md-2 control-label" for="is_sensitive_reason">Reason for Sensitivity</label>
        <div class="col-md-10">
          <input class="form-control" type="text" name="is_sensitive_reason" id="is_sensitive_reason" placeholder="" value="{{ (($ar->is_sensitive) == 1 || old('is_sensitive') == 1) ? old('is_sensitive_reason', $ar->is_sensitive_reason) : ''}}"  />
        </div>
      </div>
    @endif

    <div class="form-group">
      <label for="clients_music_id" class="col-md-2 control-label">Associated Music Client (<a href="#" class="" target="_blank" title="Select an Artist already on the active Roster that you’re pursuing for a different territory" data-toggle="tooltip">?</a>)</label>
      <div class="col-md-10">
        <select class="form-control" id="clients_music_id" name="clients_music_id">
          <option value="" ></option>
          @foreach($allArtists as $artist)
            <option value="{{ $artist->id }}"  {{ ((old('clients_music_id') == $artist->id  || $ar->clients_music_id == $artist->id) ? "selected":"") }}>{{ $artist->name }}</option>
          @endforeach
        </select>
      </div>
    </div>


    @if($ar->related_ars) 
      <div class="form-group">
        <label for="related_ars" class="col-md-2 control-label">Related AR Pursuits</label>
          <div class="col-md-10">
            @foreach ($ar->related_ars as $loopAr)
              {{ $loopAr->name }}@if (!$loop->last), @endif
            @endforeach
          </div>
      </div>

      <div class="form-group">
        <label class="col-md-2 control-label" for="remove_from_related_group">Remove from Relation Group</label>
        <div class="col-md-10">
          <input type="hidden" name="remove_from_related_group" value="0" />
          <input type="checkbox" class="checkbox" name="remove_from_related_group" id="remove_from_related_group" value="1" />
        </div>
      </div>
    @elseif(isset($preChosenArRelation) && $preChosenArRelation != false )
      
      <div class="form-group">
        <label for="relate_to_ar" class="col-md-2 control-label">Relate To A&R</label>
        <div class="col-md-10">
          <input type="hidden" name="relate_to_ar" value="{{ $preChosenArRelation }}" />
          {{ $preChosenArLabel }}
        </div>
      </div>
    @else

    <div class="form-group">
      <label for="relate_to_ar" class="col-md-2 control-label">Relate To A&R (<a href="#" class="" target="_blank" title="Select an existing A&R pursuit for another agency" data-toggle="tooltip">?</a>)</label>
      <div class="col-md-10">
        <!-- Build your select: -->
        <select class="form-control" id="relate_to_ar" name="relate_to_ar">
          <option value="" >(None)</option>
          @foreach ($allArs as $j)
            <option value="{{ $j->id }}" >{{ $j->name }}</option>
          @endforeach
        </select>
      </div>
    </div>

    @endif

    <div class="form-group">
      <label for="agencies_id" class="col-md-2 control-label">Agency</label>
      <div class="col-md-10">
        <select class="form-control" id="agencies_id" name="agencies_id">
          {{-- We want to pre-fill the agency dropdown for NEW items, so we need an if/else:   --}}
          @if(null !== old('agencies_id'))
            @foreach($allAgencies as $agency)
              <option value="{{ $agency->id }}"  {{ old('agencies_id') == $agency->id ? "selected":"" }}>{{ $agency->name }}</option>
            @endforeach
          @elseif(null !== $ar->agencies_id)
            @foreach($allAgencies as $agency)
              <option value="{{ $agency->id }}"  {{ ($ar->agencies_id == $agency->id ? "selected":"") }}>{{ $agency->name }}</option>
            @endforeach
          @else
            {{-- If we do not already have an agency id, then set it based on the user:   --}}
            @foreach($allAgencies as $agency)
              <option value="{{ $agency->id }}" @if($currentUser->agency) {{ ( $currentUser->agency->id == $agency->id ) ? "selected":"" }} @endif>{{ $agency->name }}</option>
            @endforeach
          @endif
        </select>
      </div>
    </div>


    <div class="form-group">
      <label for="users" class="col-md-2 control-label">Agents in Pursuit</label>
      <div class="col-md-10 form-multiselect-wrapper">
        <script>
        
          allAgentsAR = [
            @foreach ($allAgents as $user)
              {
                'id': {{ $user->id }},
                'agency': {{ $user->Agency->id }},
                'name': '{{ $user->last_name }}, {{ $user->first_name }}',
                'originallySelected':  @if($ar->users->contains($user) || collect(old('users', []))->contains($user->id) )
                  true 
                @else 
                  false
                @endif
              },
            @endforeach
          ];
        </script>
        <!-- Build your select: -->
        <select id="users" name="users[]" multiple="multiple" class="multiselect agentsInPursuitMultiselect form-control" data-enable-filtering="true">
        </select>
      </div>
    </div>

    <div class="form-group">
      <label class="col-md-2 control-label" for="background">Background (<a href="#" class="" target="_blank" title="What’s the backstory on how you found this act? Have you been in touch with anyone on the team?" data-toggle="tooltip">?</a>)</label>
      <div class="col-md-10">
        <textarea class="form-control" type="text" name="background" id="background" placeholder="" />{{ str_replace('<br />', "", old('background', $ar->background)) }}</textarea>
      </div>
    </div>

    <div class="form-group">
      <label class="col-md-2 control-label" for="artist_team">Artist Team (<a href="#" class="" target="_blank" title="Management, press, label, business manager, agency in other territory, existing agency, etc." data-toggle="tooltip">?</a>)</label>
      <div class="col-md-10">
        <textarea class="form-control" type="text" name="artist_team" id="artist_team" placeholder="" />{{ str_replace('<br />', "", old('artist_team', $ar->artist_team)) }}</textarea>
      </div>
    </div>


  </div><!-- /col-md-6 -->
  <!-- END COLUMN -->

  <div class="col-md-6">

    <div class="form-group">
      <label for="genres" class="col-md-2 control-label">Genres</label>
      <div class="col-md-10 form-multiselect-wrapper">
        <!-- Build your select: -->
        <select id="genres" name="genres[]" multiple="multiple" class="multiselect">
          @foreach ($allGenres as $genre)
            <option value="{{ $genre->id }}" @if(collect(old('genres', []))->contains($genre->id) || $ar->genres->contains($genre))  selected="selected" @endif>{{ $genre->name }}</option>
          @endforeach
        </select>
      </div>
    </div>


    <div class="form-group">
      <label class="col-md-2 control-label" for="website">Website</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="website" id="website" placeholder="" value="{{ old('website', $ar->website)}}"  />
      </div>
    </div>
    
    <div class="form-group">
      <label class="col-md-2 control-label" for="youtube">YouTube</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="youtube" id="youtube" placeholder="" value="{{ old('youtube', $ar->youtube)}}"  />
      </div>
    </div>
    <div class="form-group">
      <label class="col-md-2 control-label" for="twitter">Twitter/X</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="twitter" id="twitter" placeholder="" value="{{ old('twitter', $ar->twitter)}}"  />
      </div>
    </div>
    <div class="form-group">
      <label class="col-md-2 control-label" for="facebook">Facebook</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="facebook" id="facebook" placeholder="" value="{{ old('facebook', $ar->facebook)}}"  />
      </div>
    </div>
    <div class="form-group">
      <label class="col-md-2 control-label" for="instagram">Instagram</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="instagram" id="instagram" placeholder="" value="{{ old('instagram', $ar->instagram)}}" />
      </div>
    </div>
    <!-- <div class="form-group">
      <label class="col-md-2 control-label" for="soundcloud">Soundcloud</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="soundcloud" id="soundcloud" placeholder="" placeholder="" value="{{ old('soundcloud', $ar->soundcloud) }}" />
      </div>
    </div> -->
    <div class="form-group">
      <label class="col-md-2 control-label" for="spotify">Spotify</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="spotify" id="spotify" placeholder="" placeholder="" value="{{ old('spotify', $ar->spotify) }}" />
      </div>
    </div>

    {{-- Only show the "Chartmetric Artist ID" on EDIT page (not CREATE) --}}
    @if ($ar->id)
      <div class="form-group">
        <label class="col-md-2 control-label" for="chartmetric_artist_id">Chartmetric Artist ID</label>
        <div class="col-md-10">
          <input class="form-control" type="text" name="chartmetric_artist_id" id="chartmetric_artist_id" placeholder="" placeholder="" value="{{ old('chartmetric_artist_id', $ar->chartmetric_artist_id) }}" />
        </div>
      </div>
    @endif


    <div class="form-group">
      <label for="main_image_upload" class="col-md-2 control-label">Main Image (<a href="#" class="" target="_blank" title="If an image is uploaded, the image path will be filled-in automatically." data-toggle="tooltip">?</a>)</label>
      <div class="col-md-10">
        

        {{-- https://dev-intranet.paradigmagency.com/secure/s3/?file=dev-paradigm-media-library/ar/4939.jpg --}}
        {{-- <image-resizer existing-image-url="data:image/jpeg;base64,{{ base64_encode(file_get_contents( $ar->main_image_authenticated)) }}"></image-resizer > --}}
        <image-resizer :image-cropping-ratio-width="500" :image-cropping-ratio-height="500"  existing-image-url="/secure/s3/?file={{ config('app.aws_s3_media_library_bucket') }}/ar/{{ old('main_image', $ar->main_image) }}"></image-resizer >
      </div>
    </div>


    {{-- Hidden because we still want this field but hiding because confusing. Maybe we will allow advanced users to show in the future   --}}
    <div class="form-group" style="display:none">
      <label class="col-md-2 control-label" for="main_image"></label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="main_image" id="main_image" placeholder="" value="{{ old('main_image', $ar->main_image) }}" />
      </div>
    </div>

    

    <div class="form-group">
      <label class="col-md-2 control-label" for="press_links">Press Links (comma separated)</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="press_links" id="press_links" placeholder="" value="{{ old('press_links', $ar->press_links) }}" />
      </div>
    </div>

    @if (!$ar->id)
      <div class="form-group">
        <label for="initial_status" class="col-md-2 control-label">Initial Status</label>
        <div class="col-md-10">
          <select class="form-control" id="initial_status" name="initial_status">
            @foreach($allStatuses as $status)
              <option value="{{ $status->id }}" @if(old('initial_status') == $status->id)  selected="selected" @endif>{{ $status->name }}</option>
            @endforeach
          </select>
        </div>
      </div>

      <div class="form-group">
        <label class="col-md-2 control-label" for="initial_status_comment">Initial Status Comment</label>
        <div class="col-md-10">
          <input class="form-control" type="text" name="initial_status_comment" id="initial_status_comment" placeholder="" value="{{ old('initial_status_comment') }}" />
        </div>
      </div>
    @endif

    {{-- If we are EDITING an A&R and the user logged in has the `edit:music_ar`, allow the user to change the status. --}}
    @if($ar->id && in_array('edit:music_ar', $permissions))
      <div class="form-group">
        <label for="new_status" class="col-md-2 control-label">Status (<a href="#" class="" target="_blank" title="Only visible to A&R Editors" data-toggle="tooltip">?</a>)</label>
        <div class="col-md-10">
          <select class="form-control" id="new_status" name="new_status">
            @foreach($allStatuses as $status)
              <option value="{{ $status->id }}" @if(old('new_status', $ar->currentStatus->id) == $status->id)  selected="selected" @endif>{{ $status->name }}</option>
            @endforeach
          </select>
        </div>
      </div>

      <div class="form-group">
        <label for="new_status_user" class="col-md-2 control-label">User (<a href="#" class="" target="_blank" title="Only applies if status changed above." data-toggle="tooltip">?</a>)</label>
        <div class="col-md-10">
          <select class="form-control" id="new_status_user" name="new_status_user">
            <option value="" ></option>
            @foreach($allUsers as $u)
              <option value="{{ $u->id }}"  {{ ((old('new_status_user') == $u->id || $loggedInUser->id == $u->id) ? "selected":"") }}>{{ $u->last_name }}, {{ $u->first_name }}</option>
            @endforeach
          </select>
        </div>
      </div>

      <div class="form-group">
        <label class="col-md-2 control-label" for="new_status_comment">Status Comment (<a href="#" class="" target="_blank" title="Only applies if status changed above." data-toggle="tooltip">?</a>)</label>
        <div class="col-md-10">
          <input class="form-control" type="text" name="new_status_comment" id="new_status_comment" placeholder="" value="{{ old('new_status_comment') }}" />
        </div>
      </div>
    @endif

    
  </div><!-- /col-md-6 -->
</div><!-- /row -->




{{ csrf_field() }}
<div class="pull-right">
  
  <a href="/ar/@if($ar->id){{ $ar->id}}/@endif" class="button--small">Cancel</a>
  
  <button class="button--small button--red" type="submit">Update AR</button>
</div>




<!-- Import a File help Modal: -->
<div class="modal fade" id="uploadImageHelp" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Upload Image Help</h4>
      </div>
      <div class="modal-body">
        <p>If an image is uploaded, the image path will be filled-in automatically.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="button--small button--red submit" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>