@extends('layouts.master')

@section('content')
  <form method="POST" class="form-horizontal availsCreateForm">
    @if ($errors->count())
    <div class="alert alert-danger" role="alert">
      <ul>
        @foreach ($errors->all() as $error)
        <li>{{$error}}</li>
        @endforeach
      </ul>
    </div>
    @endif


    <div>
      <h4 class="grey-text regular-text small-text">Internal</h4>
      <table class="top-margin multiAddRowTable bottomFull table internal" data-blank-row='<tr data-row-index="0"><td><select class="form-control select2" id="internalAvails[0][clients_music_id]" name="internalAvails[0][clients_music_id]">
              <option value="" ></option>
              @foreach($allArtists as $artist)
                <option value="{{ $artist->id }}">{{ $artist->name }}</option>
              @endforeach
            </select></td> <td><select id="internalAvails[0][types]" name="internalAvails[0][types][]" multiple="multiple" class="multiselect micro-text grey-text">
              @foreach ($allTypes as $type)
                <option value="{{ $type->id }}">{{ $type->name }}</option>
              @endforeach
            </select></td> <td><select id="internalAvails[0][regions]" name="internalAvails[0][regions][]" multiple="multiple" class="multiselect micro-text grey-text">
              @foreach ($allRegions as $region)
                <option value="{{ $region->id }}" @if($avail->regions->contains($region))  selected="selected" @endif>{{ $region->name }}</option>
              @endforeach
            </select></td> <td><select id="internalAvails[0][target_quarters]" name="internalAvails[0][target_quarters][]" multiple="multiple" class="multiselect micro-text grey-text">
              @foreach ($currentQuarters as $targetQuarter)
                <option value="{{ $targetQuarter['column_name'] }}">{{ $targetQuarter['label'] }}</option>
              @endforeach
            </select></td> <td>
            <input class="form-control" type="text" name="internalAvails[0][budget_min]" id="internalAvails[0][budget_min]" value="" placeholder="min"  /><br />
            <input class="form-control" type="text" name="internalAvails[0][budget_max]" id="internalAvails[0][budget_max]" value="" placeholder="max" />
            </td> <td>
            <input class="form-control" type="text" name="internalAvails[0][venue_size_min]" id="internalAvails[0][venue_size_min]" value="" placeholder="min" /><br />
            <input class="form-control" type="text" name="internalAvails[0][venue_size_max]" id="internalAvails[0][venue_size_max]" value="" placeholder="max" />
            </td>
            <td>
            <textarea class="form-control" name="internalAvails[0][notes]" id="internalAvails[0][notes]" placeholder=""></textarea></td>
             <td class="text-center"> <span class="glyphicon glyphicon-remove-circle removeButton" aria-hidden="true"></span> </td> </tr>'>
        <tr class="header">
          <th class="grey-text regular-text micro-text">Artist Name</th>
          <th class="text-center grey-text regular-text micro-text">Avail Type</th>
          <th class="text-center grey-text regular-text micro-text">Region</th>
          <th class="text-center grey-text regular-text micro-text">Time frame</th>
          <th class="text-center grey-text regular-text micro-text">Budget</th>
          <th class="text-center grey-text regular-text micro-text">Venue size</th>
          <th class="text-center grey-text regular-text micro-text">Notes</th>
          <th></th>
        </tr>
        <tr data-row-index="0">
          <td>
            <select class="form-control select2" id="internalAvails[0][clients_music_id]" name="internalAvails[0][clients_music_id]">
              <option value="" ></option>
              @foreach($allArtists as $artist)
                <option value="{{ $artist->id }}">{{ $artist->name }}</option>
              @endforeach
            </select>
          </td>
          <td>
            <select id="internalAvails[0][types]" name="internalAvails[0][types][]" multiple="multiple" class="multiselect micro-text grey-text">
              @foreach ($allTypes as $type)
                <option value="{{ $type->id }}">{{ $type->name }}</option>
              @endforeach
            </select>
          </td>
          <td>
            <select id="internalAvails[0][regions]" name="internalAvails[0][regions][]" multiple="multiple" class="multiselect micro-text grey-text">
              @foreach ($allRegions as $region)
                <option value="{{ $region->id }}" @if($avail->regions->contains($region))  selected="selected" @endif>{{ $region->name }}</option>
              @endforeach
            </select>
          </td>
          <td>
            <select id="internalAvails[0][target_quarters]" name="internalAvails[0][target_quarters][]" multiple="multiple" class="multiselect micro-text grey-text">
              @foreach ($currentQuarters as $targetQuarter)
                <option value="{{ $targetQuarter['column_name'] }}">{{ $targetQuarter['label'] }}</option>
              @endforeach
            </select>
          </td>
          <td>
            
            <input class="form-control" type="text" name="internalAvails[0][budget_min]" id="internalAvails[0][budget_min]" value="" placeholder="min"  /><br />
            <input class="form-control" type="text" name="internalAvails[0][budget_max]" id="internalAvails[0][budget_max]" value="" placeholder="max" />
          </td>
          <td>
            <input class="form-control" type="text" name="internalAvails[0][venue_size_min]" id="internalAvails[0][venue_size_min]" value="" placeholder="min" /><br />
            <input class="form-control" type="text" name="internalAvails[0][venue_size_max]" id="internalAvails[0][venue_size_max]" value="" placeholder="max" />
          </td>
          <td>
            <textarea class="form-control" name="internalAvails[0][notes]" id="internalAvails[0][notes]" placeholder=""></textarea>
          </td>
          <td class="text-center">
            <span class="glyphicon glyphicon-remove-circle removeButton" aria-hidden="true"></span>
          </td>
        </tr>
        <tr align="right">
          <td colspan="7"></td>
          <td><span class="glyphicon glyphicon-plus-sign addButton" aria-hidden="true"></span></td>
        </tr>
      </table>
    </div>






    <div>
      <h4 class="grey-text regular-text small-text">External</h4>
      <table class="top-margin multiAddRowTable bottomFull table external" data-blank-row='<tr data-row-index="0"><td><input class="form-control autocomplete ui-autocomplete-input jqueryui" data-source="../autocomplete-external-artist/" type="text" name="externalAvails[0][external_artist]" id="externalAvails[0][external_artist]" value="" placeholder="" /></td>
      <td><input class="form-control autocomplete ui-autocomplete-input jqueryui" data-source="../autocomplete-external-agent/" type="text" name="externalAvails[0][external_agent]" id="externalAvails[0][external_agent]" value="" placeholder="Agent" /><br /><input class="form-control autocomplete ui-autocomplete-input jqueryui" data-source="../autocomplete-external-agency/" type="text" name="externalAvails[0][external_agency]" id="externalAvails[0][external_agency]" value="" placeholder="Agency" /></td>
       <td><select id="externalAvails[0][types]" name="externalAvails[0][types][]" multiple="multiple" class="multiselect micro-text grey-text">
              @foreach ($allTypes as $type)
                <option value="{{ $type->id }}">{{ $type->name }}</option>
              @endforeach
            </select></td> <td><select id="externalAvails[0][regions]" name="externalAvails[0][regions][]" multiple="multiple" class="multiselect micro-text grey-text">
              @foreach ($allRegions as $region)
                <option value="{{ $region->id }}" @if($avail->regions->contains($region))  selected="selected" @endif>{{ $region->name }}</option>
              @endforeach
            </select></td> <td><select id="externalAvails[0][target_quarters]" name="externalAvails[0][target_quarters][]" multiple="multiple" class="multiselect micro-text grey-text">
              @foreach ($currentQuarters as $targetQuarter)
                <option value="{{ $targetQuarter['column_name'] }}">{{ $targetQuarter['label'] }}</option>
              @endforeach
            </select></td> <td>
            <input class="form-control" type="text" name="externalAvails[0][budget_min]" id="externalAvails[0][budget_min]" value="" placeholder="min"  /><br />
            <input class="form-control" type="text" name="externalAvails[0][budget_max]" id="externalAvails[0][budget_max]" value="" placeholder="max" />
            </td> <td>
            <input class="form-control" type="text" name="externalAvails[0][venue_size_min]" id="externalAvails[0][venue_size_min]" value="" placeholder="min" /><br />
            <input class="form-control" type="text" name="externalAvails[0][venue_size_max]" id="externalAvails[0][venue_size_max]" value="" placeholder="max" />
            </td>
            <td>
            <textarea class="form-control" name="externalAvails[0][notes]" id="externalAvails[0][notes]" placeholder=""></textarea></td>
             <td class="text-center"> <span class="glyphicon glyphicon-remove-circle removeButton" aria-hidden="true"></span> </td> </tr>'>
        <tr class="header">
          <th class="grey-text regular-text micro-text">Artist Name</th>
          <th class="text-center grey-text regular-text micro-text">External Agent/Agency</th>
          <th class="text-center grey-text regular-text micro-text">Genres</th>
          <th class="text-center grey-text regular-text micro-text">Avail Type</th>
          <th class="text-center grey-text regular-text micro-text">Region</th>
          <th class="text-center grey-text regular-text micro-text">Time frame</th>
          <th class="text-center grey-text regular-text micro-text">Budget</th>
          <th class="text-center grey-text regular-text micro-text">Venue size</th>
          <th class="text-center grey-text regular-text micro-text">Notes</th>
          <th></th>
        </tr>
        <tr data-row-index="0">
          <td>
            <input class="form-control autocomplete ui-autocomplete-input jqueryui" data-source="../autocomplete-external-artist/" type="text" name="externalAvails[0][external_artist]" id="externalAvails[0][external_artist]" value="" placeholder="" />
          </td>
          <td>
            <input class="form-control autocomplete ui-autocomplete-input jqueryui" data-source="../autocomplete-external-agent/" type="text" name="externalAvails[0][external_agent]" id="externalAvails[0][external_agent]" value="" placeholder="Agent" /><br />
            <input class="form-control autocomplete ui-autocomplete-input jqueryui" data-source="../autocomplete-external-agency/" type="text" name="externalAvails[0][external_agency]" id="externalAvails[0][external_agency]" value="" placeholder="Agency" />
          </td>
          <td>
            <select id="externalAvails[0][genres]" name="externalAvails[0][genres][]" multiple="multiple" class="multiselect micro-text grey-text">
              @foreach ($allGenres as $genre)
                <option value="{{ $genre->id }}">{{ $genre->name }}</option>
              @endforeach
            </select>
          </td>
          <td>
            <select id="externalAvails[0][types]" name="externalAvails[0][types][]" multiple="multiple" class="multiselect micro-text grey-text">
              @foreach ($allTypes as $type)
                <option value="{{ $type->id }}">{{ $type->name }}</option>
              @endforeach
            </select>
          </td>
          <td>
            <select id="externalAvails[0][regions]" name="externalAvails[0][regions][]" multiple="multiple" class="multiselect micro-text grey-text">
              @foreach ($allRegions as $region)
                <option value="{{ $region->id }}" @if($avail->regions->contains($region))  selected="selected" @endif>{{ $region->name }}</option>
              @endforeach
            </select>
          </td>
          <td>
            <select id="externalAvails[0][target_quarters]" name="externalAvails[0][target_quarters][]" multiple="multiple" class="multiselect micro-text grey-text">
              @foreach ($currentQuarters as $targetQuarter)
                <option value="{{ $targetQuarter['column_name'] }}">{{ $targetQuarter['label'] }}</option>
              @endforeach
            </select>
          </td>
          <td>
            
            <input class="form-control" type="text" name="externalAvails[0][budget_min]" id="externalAvails[0][budget_min]" value="" placeholder="min"  /><br />
            <input class="form-control" type="text" name="externalAvails[0][budget_max]" id="externalAvails[0][budget_max]" value="" placeholder="max" />
          </td>
          <td>
            <input class="form-control" type="text" name="externalAvails[0][venue_size_min]" id="externalAvails[0][venue_size_min]" value="" placeholder="min" /><br />
            <input class="form-control" type="text" name="externalAvails[0][venue_size_max]" id="externalAvails[0][venue_size_max]" value="" placeholder="max" />
          </td>
          <td>
            <textarea class="form-control" name="externalAvails[0][notes]" id="externalAvails[0][notes]" placeholder=""></textarea>
          </td>
          <td class="text-center">
            <span class="glyphicon glyphicon-remove-circle removeButton" aria-hidden="true"></span>
          </td>
        </tr>
        <tr align="right">
          <td colspan="9"></td>
          <td><span class="glyphicon glyphicon-plus-sign addButton" aria-hidden="true"></span></td>
        </tr>
      </table>
    </div>



    {{ csrf_field() }}
    <div class="pull-right">
      <a href="/avails/" class="button--small">Cancel</a>
      <button class="button--small button--red" type="submit">Create Avail</button>
    </div>
  </form>
@stop