@php($doctor = $doctor ?? null)
@php($pivot = $pivot ?? null)

<div class="text-center mb-7">
    <style>
        .image-input-placeholder {
            background-image: url('{{ asset('assets/media/svg/files/blank-image.svg') }}');
        }
        [data-bs-theme="dark"] .image-input-placeholder {
            background-image: url('{{ asset('assets/media/svg/files/blank-image-dark.svg') }}');
        }
    </style>
    <div class="image-input image-input-outline {{ ($doctor->photo_path ?? null) ? '' : 'image-input-empty image-input-placeholder' }} mb-3"
         data-kt-image-input="true">
        <div class="image-input-wrapper w-150px h-150px"
             style="background-image:url({{ ($doctor->photo_path ?? null) ? asset($doctor->photo_path) : asset('assets/media/avatars/blank.png') }})"></div>
        <label class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow"
               data-kt-image-input-action="change" data-bs-toggle="tooltip" title="{{ trans('clinic.common.change_photo') }}">
            <i class="ki-duotone ki-pencil fs-6"><span class="path1"></span><span class="path2"></span></i>
            <input type="file" name="photo" accept=".png,.jpg,.jpeg,.webp"/>
        </label>
        <span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow"
              data-kt-image-input-action="cancel" data-bs-toggle="tooltip" title="{{ trans('clinic.common.cancel_photo') }}">
            <i class="ki-duotone ki-cross fs-2"><span class="path1"></span><span class="path2"></span></i>
        </span>
    </div>
    @error('photo')<div class="text-danger fs-7">{{ $message }}</div>@enderror
</div>

<h4 class="mb-6">{{ trans('clinic.doctors.account_info') }}</h4>
<div class="row g-9 mb-7">
    <div class="col-md-4">
        <label class="required form-label">{{ trans('clinic.common.name') }}</label>
        <input type="text" name="name" class="form-control @error('name') is-invalid @enderror"
               value="{{ old('name', $doctor->name ?? '') }}">
        @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label class="required form-label">{{ trans('clinic.doctors.email') }}</label>
        <input type="email" name="email" class="form-control @error('email') is-invalid @enderror"
               value="{{ old('email', $doctor->email ?? '') }}">
        @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label class="form-label {{ $doctor ? '' : 'required' }}">{{ trans('clinic.doctors.password') }}</label>
        <input type="password" name="password" autocomplete="new-password" class="form-control @error('password') is-invalid @enderror">
        @if($doctor)
            <div class="form-text">{{ trans('clinic.doctors.password_hint') }}</div>
        @endif
        @error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

@if($doctor)
    <div class="row g-9 mb-7">
        <div class="col-md-4">
            <label class="required form-label">{{ trans('clinic.common.status') }}</label>
            <select name="status" class="form-select @error('status') is-invalid @enderror">
                <option value="active" {{ old('status', $doctor->status) === 'active' ? 'selected' : '' }}>{{ trans('core.common.status_active') }}</option>
                <option value="inactive" {{ old('status', $doctor->status) === 'inactive' ? 'selected' : '' }}>{{ trans('core.common.status_inactive') }}</option>
            </select>
            @error('status')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
    </div>
@endif

<div class="row g-9 mb-7">
    <div class="col-md-4">
        <label class="form-label">{{ trans('clinic.doctors.phone') }}</label>
        <input type="text" name="phone" class="form-control @error('phone') is-invalid @enderror"
               value="{{ old('phone', $doctor->phone ?? '') }}">
        @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label class="required form-label">{{ trans('clinic.doctors.specialty') }}</label>
        <select name="specialty_id" class="form-select @error('specialty_id') is-invalid @enderror" data-control="select2">
            <option value="">—</option>
            @foreach($specialties as $specialty)
                <option value="{{ $specialty->id }}" {{ old('specialty_id', $doctor->specialty_id ?? '') == $specialty->id ? 'selected' : '' }}>
                    {{ $specialty->name }}
                </option>
            @endforeach
        </select>
        @error('specialty_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label class="form-label">{{ trans('clinic.doctors.years_experience') }}</label>
        <input type="number" min="0" max="80" name="years_experience" class="form-control @error('years_experience') is-invalid @enderror"
               value="{{ old('years_experience', $doctor->years_experience ?? '') }}">
        @error('years_experience')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

<div class="row g-9 mb-7">
    <div class="col-md-4">
        <label class="required form-label">{{ trans('clinic.doctors.clinic') }}</label>
        <select name="clinic_profile_id" class="form-select @error('clinic_profile_id') is-invalid @enderror" data-control="select2">
            <option value="">—</option>
            @foreach($clinics as $clinic)
                <option value="{{ $clinic->id }}" {{ old('clinic_profile_id', $pivot->clinic_profile_id ?? '') == $clinic->id ? 'selected' : '' }}>
                    {{ $clinic->branch->name }} — {{ $clinic->name }}
                </option>
            @endforeach
        </select>
        @error('clinic_profile_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

<div class="row g-9 mb-7">
    <div class="col-md-6">
        <label class="form-label">{{ trans('clinic.doctors.bio') }}</label>
        <textarea name="bio" rows="3" class="form-control @error('bio') is-invalid @enderror">{{ old('bio', $doctor->bio ?? '') }}</textarea>
        @error('bio')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label class="form-label">{{ trans('clinic.doctors.qualifications') }}</label>
        <textarea name="qualifications" rows="3" class="form-control @error('qualifications') is-invalid @enderror">{{ old('qualifications', $doctor->qualifications ?? '') }}</textarea>
        @error('qualifications')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

<div class="separator my-6"></div>
<h4 class="mb-6">{{ trans('clinic.doctors.pricing_info') }}</h4>

<div class="row g-9 mb-7">
    <div class="col-md-4">
        <label class="form-label">{{ trans('clinic.doctors.slot_duration_minutes') }}</label>
        <input type="number" min="5" max="240" name="slot_duration_minutes" class="form-control @error('slot_duration_minutes') is-invalid @enderror"
               value="{{ old('slot_duration_minutes', $pivot->slot_duration_minutes ?? 15) }}">
        @error('slot_duration_minutes')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    @if($doctor)
        <div class="col-md-8 d-flex align-items-end">
            @can('clinic.pricing.view')
                <a href="{{ route('admin.dashboard.clinic.pricing.index', ['doctor_id' => $doctor->id]) }}" class="btn btn-light-primary">
                    {{ trans('clinic.pricing.manage_link') }}
                </a>
            @endcan
        </div>
    @else
        <div class="col-md-8 d-flex align-items-end">
            <div class="text-muted fs-7">{{ trans('clinic.pricing.set_after_create') }}</div>
        </div>
    @endif
</div>