@if($data)
<form id="teamEditForm">
  @csrf
  <div class="row">
    <div class="col-md-7">
      @if($data->profile_pic)
      <img src="{{asset('storage/profile-pic')}}/{{$data->profile_pic}}" class="img-fluid" style="height:100%;">
      @else
      <img src="{{asset('images/user-img.png')}}" class="img-fluid" style="height:100%;">
      @endif
    </div>
    <div class="col-md-5">
      <label class="small text-muted">Name</label>
      <div class="clearboth"></div>
      <label class="small text-muted">
      <b> @if($data->fname){{ucfirst($data->fname)}} {{ucfirst($data->lname)}}@endif</b>
      </label>
      <div class="clearboth"></div>
      <label class="small text-muted mt-3">Email</label>
      <div class="clearboth"></div>
      <label class="small text-muted word-wrap">@if(isset($data->email))<b>{{$data->email}}</b>@endif</label>
      <div class="clearboth"></div>
      <label class="small text-muted mt-3">Phone</label>
      <div class="clearboth"></div>
      <label class="small text-muted">@if(isset($data->mobile_number))<b>{{$data->mobile_number}}</b>@endif</label>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12 mt-3">
      <label class="small text-muted"><b>Bio</b></label>
      <div class="clearboth"></div>
      <label  class="small text-muted mt-3">@if(isset($data->description)){{$data->description}}@endif</label>
      @if(isset($data->address))
      <label class="small text-muted"><b>Address</b></label>
      <div class="clearboth"></div>
      <label  class="small text-muted mt-3">{{$data->address}}</label>
      <div class="clearboth"></div>
      @endif
      @if(isset($data->profile_link))
      <label class="small text-muted"><b>Links</b></label>
      <div class="clearboth"></div>
      <label  class="small text-muted mt-3">{{$data->profile_link}}</label>
      <div class="clearboth"></div>
      @endif
      @if(isset($data->instagram_link))
      <label  class="small text-muted mt-3">{{$data->instagram_link}}</label>
      <div class="clearboth"></div>
      @endif
      @if(isset($data->facebook_link))
      <label  class="small text-muted mt-3">{{$data->facebook_link}}</label>
      <div class="clearboth"></div>
      @endif
      @if(isset($data->twitter_link))
      <label class="small text-muted mt-3">{{$data->twitter_link}}</label>
      <div class="clearboth"></div>
      @endif

      <form id="updateTeam">
        @csrf
        <input type="hidden" id="user_uuid" name="user_uuid" value="{{$data->uuid}}" readonly>
        <!-- <input type="hidden" id="userID" name="userID" value="{{$data->id}}" readonly> -->

        <div class="clearboth"></div>
        <label class="small text-muted mt-4"><b>Assign Role</b></label>
        <div class="clearboth"></div>
        <div class="row mb-2">
          <div class="col-md-12 position-relative">
          <input type="hidden" name="locationId" value="{{$locationId}}" />
          <select class="form-control" name="roles[]" id="role_select" data-done-button="true" multiple></select>
          </div>
        </div>
        <div id="role_split_container">
          @foreach($user_permissions as $permission)
            @php
              $roleType = '';
              $role_id = $permission->role_id;
              $splitRole = $permission->split_role;
              $splitPeople = $permission->split_people;
              ($role_id==4) ? $roleType = 'Content' : '';
              ($role_id==5) ? $roleType = 'Event' : '';
              ($role_id==6) ? $roleType = 'Rental' : '';
              ($role_id==15) ? $roleType = 'Studio' : '';
            @endphp
            @if(in_array($role_id,[4,5,6]))
            <div class="row mt-2">
              <div class="col-md-6 mb-2">
                <label>{{ $roleType }} Split (%)</label>
                <input type="number" min="0" max="100" step="1" name="split_role[{{ $role_id }}]" class="form-control" placeholder="{{ $roleType }} %" value="{{ $splitRole }}">
              </div>
              <div class="col-md-6 mb-2">
                <label>People Split (%)</label>
                <input type="number" min="0" max="100" step="1" name="split_people[{{ $role_id }}]" class="form-control" placeholder="People %" value="{{ $splitPeople }}">
              </div>
            </div>
            @elseif($role_id==15)
            <div class="row mt-2">
              <div class="col-md-4 mb-2">
                <label>Studio</label>
                <select name="studios[{{ $role_id }}]" class="form-control selectpicker" data-live-search="true">
                  @foreach($studio_list as $studioId => $studioName)
                    <option value="{{ $studioId }}" @if($permission->studio_id == $studioId) selected @endif>{{ $studioName }}</option>
                  @endforeach
                </select>
              </div>
              <div class="col-md-4 mb-2">
                <label>{{ $roleType }} Split (%)</label>
                <input type="number" min="0" max="100" step="1" name="split_role[{{ $role_id }}]" class="form-control" placeholder="{{ $roleType }} %" value="{{ $splitRole }}">
              </div>
              <div class="col-md-4 mb-2">
                <label>People Split (%)</label>
                <input type="number" min="0" max="100" step="1" name="split_people[{{ $role_id }}]" class="form-control" placeholder="People %" value="{{ $splitPeople }}">
              </div>
            </div>
            @endif
          @endforeach
        </div>
        
        <div class="clearboth"></div>
        <label class="small text-muted mt-4"><b>Specialist</b></label>
        <div class="clearboth"></div>
        <div class="row mb-2">
          <div class="col-md-12 position-relative">
          <select class="form-control" name="specialist[]" data-done-button="true" multiple></select>
          </div>
        </div>

        <div class="clearboth"></div>
        <label  class="small text-muted mt-4" for="daily_rate"><b>Daily Rate ({{session()->get('user_currency')}})</b></label>
        <div class="clearboth"></div>  
        <div class="row mb-2">
          <div class="col-md-12 position-relative"> 
            <input type="number" name="daily_rate" class="form-control" placeholder="$" id="daily_rate" value="@if($data){{convertCurrency($data->daily_rate)}}@endif" onkeypress="return event.charCode >= 48 && event.charCode <= 57"/> 
          </div>
        </div>
        
        <div class="clearboth"></div> 
        <label  class="small text-muted mt-4" for="hourly_rate"><b>Hourly Rate ({{session()->get('user_currency')}})</b></label>
        <div class="row mb-2">
          <div class="col-md-12 position-relative">
            <input type="number" name="hourly_rate" class="form-control" placeholder="$" id="hourly_rate" value="@if($data){{convertCurrency($data->hourly_rate)}}@endif" onkeypress="return event.charCode >= 48 && event.charCode <= 57"/>
          </div>
        </div>
        <input type="hidden" id="perc_people" value="{{$loc->def_split_perc_people}}" readonly>
        <input type="hidden" id="perc_studio" value="{{$loc->def_split_perc_studio}}" readonly>
        <input type="hidden" id="perc_event" value="{{$loc->def_split_perc_event}}" readonly>
        <input type="hidden" id="perc_rental" value="{{$loc->def_split_perc_rental}}" readonly>
        <select id="locstudios" class="d-none">
          @foreach($studio_list as $studioId => $studioName)
            <option value="{{ $studioId }}">{{ $studioName }}</option>
          @endforeach
        </select>
      </form>
    </div>
  </div>
  <div class="row mt-3 usraction">
    <div class="col-md-6">
      <input id="btn_saveTeam" type="button" class="btn w-100 mb-2" value="Save Changes">
    </div>
    <div class="col-md-6">
      <input id="btn_cancelcard" type="button" class="btn w-100 mb-2" value="Cancel">
    </div>
  </div>
</form>
@else
<div align="center">No data found</div>
@endif
@section('footer_scripts')
<script>
$(document).ready(function() {
  
});
</script>
@endsection