@if ($artist->id)
    {!! Form::model($artist, ['route' => ['admin.artists.update', $artist->id], 'method' => 'PUT', 'enctype' => 'multipart/form-data']) !!}
@else
    {!! Form::model($artist, ['route' => ['admin.artists.store'], 'method' => 'POST', 'enctype' => 'multipart/form-data']) !!}
@endif
<div class="row">
  {{-- Featured Image --}}
  <div class="mb-3">
    <x-profile-image-input :image="$artist->avatar" name="avatar" />
  </div>
  <hr class="my-0">
  {{-- Title --}}
  <div class="mb-3 col-md-6">
    <label for="firstName" class="form-label">First Name</label>
    <input class="form-control" type="text" id="firstName" name="first_name" value="{{ old('first_name') ?? $artist->first_name }}" autofocus />
    @error('first_name')<div class="text-danger">{{ $message }}</div>@enderror
  </div>
  <div class="mb-3 col-md-6">
    <label for="lastName" class="form-label">Last Name</label>
    <input class="form-control" type="text" name="last_name" id="lastName" value="{{ old('last_name') ?? $artist->last_name }}" />
    @error('last_name')<div class="text-danger">{{ $message }}</div>@enderror
  </div>
  <div class="mb-3 col-md-12">
    <label for="jobTitle" class="form-label">Job Title</label>
    <input class="form-control" type="text" id="jobTitle" name="job_title"
        value="{{ old('job_title') ?? $artist->job_title }}" />
    @error('job_title')<div class="text-danger">{{ $message }}</div>@enderror
  </div>
  <div class="mb-3 col-md-6">
      <label for="birthDate" class="form-label">Birth Date</label>
      <input class="form-control" type="date" id="birthDate" name="birth_date"
          value="{{ old('birth_date') ?? $artist->birth_date }}" />
      @error('birth_date')<div class="text-danger">{{ $message }}</div>@enderror
  </div>
  <div class="mb-3 col-md-6">
    <label for="deathDate" class="form-label">Death Date</label>
    <input class="form-control" type="date" id="deathDate" name="death_date"
        value="{{ old('death_date') ?? $artist->death_date }}" />
    @error('death_date')<div class="text-danger">{{ $message }}</div>@enderror
  </div>
  <div class="mb-3 col-md-6">
    <label for="gender" class="form-label">Gender</label>
    <select id="gender" name="gender" class="form-select" data-kt-select2="true">
        <option value="Male" {{ old('gender') == 'Male' || $artist->gender == 'Male' ? 'selected' : '' }}>Male</option>
        <option value="Female" {{ old('gender') == 'Female' || $artist->gender == 'Female' ? 'selected' : '' }}>Female</option>
        <option value="Other" {{ old('gender') == 'Other' || $artist->gender == 'Other' ? 'selected' : '' }}>Other</option>
    </select>
    @error('gender')<div class="text-danger">{{ $message }}</div>@enderror
  </div>
  <div class="mb-3 col-md-6">
      <label for="email" class="form-label">Email</label>
      <input class="form-control" type="email" id="email" name="email"
          value="{{ old('email') ?? $artist->email }}" />
      @error('email')<div class="text-danger">{{ $message }}</div>@enderror
  </div>
  <div class="mb-3 col-md-6">
      <label for="website" class="form-label">Website</label>
      <input class="form-control" type="text" id="website" name="website"
          value="{{ old('website') ?? $artist->website }}" />
      @error('website')<div class="text-danger">{{ $message }}</div>@enderror
  </div>
  <div class="form-group mb-3 col-md-12">
    {{ Form::label('phone', __('Phone'), ['class' => 'col-form-label']) }}
    <br>
    <input type="text" value="{{$artist->phone}}" name="phone" class='form-control ignore-ajax-error w-100', placeholder={{__('Phone')}}, id='phone'>
    <span id="itiPhone"></span>
    <input type="hidden" id="itiPhoneCountry" class="ignore-ajax-error" name="phone_country">
  </div>

  <div class="form-group mb-3 col-12">
    {{ Form::label('address', __('Address'), ['class' => 'col-form-label']) }}
    {!! Form::textarea('address', $artist->address , ['class' => 'form-control', 'rows' => 2, 'placeholder' => __('Address')]) !!}
  </div>

  <div class="mb-3 col-6">
    {{ Form::label('country_id', __('Country'), ['class' => 'form-label']) }}
    {!! Form::select('country_id', $countries, $artist->country_id, [
    'class' => 'form-select', 'data-kt-select2' => 'true',
    'data-remote' => route('resource-select', ['Country']),
    'id' => 'user-countries-id',
    ]) !!}
  </div>
  {{-- states --}}
  <div class="mb-3 col-6">
    {{ Form::label('state_id', __('State'), ['class' => 'form-label']) }}
    {!! Form::select('state_id', $states, $artist->state_id, [
    'class' => 'form-select', 'data-kt-select2' => 'true',
    'data-remote' => route('resource-select', ['State']),
    'data-dependent_id' => 'user-countries-id',
    'id' => 'user-state-id',
    ]) !!}
  </div>
  {{-- cities --}}
  <div class="mb-3 col-6">
    {{ Form::label('city_id', __('City'), ['class' => 'form-label']) }}
    {!! Form::select('city_id', $cities, $artist->city_id, [
    'class' => 'form-select', 'data-kt-select2' => 'true',
    'data-remote' => route('resource-select', ['City']),
    'data-dependent_id' => 'user-state-id'
    ]) !!}
  </div>
  <div class="mb-3 col-md-6">
    <label for="zipCode" class="form-label">Zip Code</label>
    <input type="text" class="form-control" id="zipCode" name="zip_code" value="{{ old('zip_code') ?? $artist->zip_code }}" placeholder="231465" maxlength="6" />
    @error('zip_code')<div class="text-danger">{{ $message }}</div>@enderror
  </div>
  <div class="mb-3 col-md-4">
    <label for="language" class="form-label">Language</label>
    <select id="language" name="language" data-kt-select2="true" class="form-select">
      <option value="">Select Language</option>
      @forelse ($languages as $key => $lang)
          <option value="{{ $key }}" {{old('language') == $key || $key == $artist->language ? 'selected' : '' }}>{{ $lang }}</option>
      @empty
      @endforelse
    </select>
    @error('language')<div class="text-danger">{{ $message }}</div>@enderror
  </div>
  <div class="mb-3 col-md-4">
    <label for="timeZones" class="form-label">Timezone</label>
    <select id="timeZones" name="timezone" data-kt-select2="true" class="form-select">
      <option value="">Select Timezone</option>
      @forelse ($timezones as $tz)
          <option value="{{ $tz['value'] }}" {{ $tz['value'] == old('timezone') || $tz['value'] == $artist->timezone ? 'selected' : ''}}>{{ $tz['label'] }}</option>
      @empty
      @endforelse
    </select>
    @error('timezone')<div class="text-danger">{{ $message }}</div>@enderror
  </div>
  <div class="mb-3 col-md-4">
    <label for="currency" class="form-label">Currency</label>
    <select id="currency" name="currency" data-kt-select2="true" class="form-select">
      <option value="">Select Currency</option>
      @forelse ($currencies as $key => $cur)
          <option value="{{ $key }}" {{old('currency') == $key || $key == $artist->currency ? 'selected' : '' }}>{{ $cur }}</option>
      @empty
      @endforelse
    </select>
    @error('currency')<div class="text-danger">{{ $message }}</div>@enderror
  </div>
</div>

  {{-- Status --}}
  <div class="form-group col-12">
    {{ Form::label('status', __('Status'), ['class' => 'col-form-label']) }}
    {!! Form::select('status', ['Active' => 'Active', 'Inactive' => 'Inactive'], $artist->status, [
    'class' => 'form-select',
    'data-kt-select2' => 'true'
    ]) !!}
  </div>
<div class="modal-footer">
    <div class="btn-flt float-end">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Close') }}</button>
        <button type="submit" data-form="ajax-form" class="btn btn-primary">{{ __('Save') }}</button>
    </div>
  </div>
{!! Form::close() !!}