@if ($studio->id)
    {!! Form::model($studio, ['route' => ['admin.studios.update', $studio->id], 'method' => 'PUT', 'enctype' => 'multipart/form-data']) !!}
@else
    {!! Form::model($studio, ['route' => ['admin.studios.store'], 'method' => 'POST', 'enctype' => 'multipart/form-data']) !!}
@endif
<div class="row">
  {{-- Featured Image --}}
  <div class="mb-3">
    <x-profile-image-input :image="$studio->avatar" name="avatar" />
  </div>
  <hr class="my-0">
  {{-- Title --}}
  <div class="mb-3 col-md-12 mt-3">
    <label for="name" class="form-label">Name</label>
    <input class="form-control" type="text" id="name" name="name" value="{{ old('name') ?? $studio->name }}" autofocus />
    @error('name')<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') ?? $studio->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') ?? $studio->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="{{$studio->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', $studio->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, $studio->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, $studio->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, $studio->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') ?? $studio->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 == $studio->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'] == $studio->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 == $studio->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'], $studio->status, [
    'class' => 'form-select', 'data-kt-select2' => 'true',
    ]) !!}
  </div>
<div class="modal-footer d-flex justify-content-end">
    <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() !!}