@php($mode = $mode ?? 'create')
@php($doctorClinic = $doctorClinic ?? null)
@php($prices = $prices ?? [])
@php($serviceLabels = [
    'visit' => trans('clinic.pricing.service_visit'),
    'online' => trans('clinic.pricing.service_online'),
    'followup' => trans('clinic.pricing.service_followup'),
])

@if($mode === 'create')
    <div class="row g-9 mb-7">
        <div class="col-md-4">
            <label class="form-label">{{ trans('clinic.pricing.branch') }}</label>
            <select id="branch_id" class="form-select">
                <option value="">—</option>
                @foreach($branches as $branch)
                    <option value="{{ $branch->id }}">{{ $branch->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-4">
            <label class="required form-label">{{ trans('clinic.pricing.clinic') }}</label>
            <select id="clinic_profile_id" name="clinic_profile_id" class="form-select @error('clinic_profile_id') is-invalid @enderror" required>
                <option value="">—</option>
                @foreach($clinics as $clinic)
                    <option value="{{ $clinic->id }}" data-branch-id="{{ $clinic->branch_id }}" {{ old('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 class="col-md-4">
            <label class="required form-label">{{ trans('clinic.pricing.doctor') }}</label>
            <select id="doctor_id" name="doctor_id" class="form-select @error('doctor_id') is-invalid @enderror" required disabled>
                <option value="">{{ trans('clinic.pricing.select_clinic_first') }}</option>
            </select>
            @error('doctor_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
    </div>
@else
    <div class="row g-9 mb-7">
        <div class="col-md-4">
            <label class="form-label">{{ trans('clinic.pricing.clinic') }}</label>
            <input type="text" class="form-control" value="{{ $doctorClinic->clinicProfile->branch->name }} — {{ $doctorClinic->clinicProfile->name }}" disabled>
        </div>
        <div class="col-md-4">
            <label class="form-label">{{ trans('clinic.pricing.doctor') }}</label>
            <input type="text" class="form-control" value="{{ $doctorClinic->doctor->name }}" disabled>
        </div>
        <input type="hidden" name="clinic_profile_id" value="{{ $doctorClinic->clinic_profile_id }}">
        <input type="hidden" name="doctor_id" value="{{ $doctorClinic->doctor_id }}">
        <input type="hidden" name="branch_id" value="{{ $doctorClinic->clinicProfile->branch_id }}">
    </div>
@endif

<div class="separator my-6"></div>

@foreach($serviceTypes as $type)
    @php($existing = $prices[$type] ?? null)
    <div class="card card-flush py-4 mb-5 js-service-block" data-service="{{ $type }}">
        <div class="card-header">
            <h4 class="card-title">{{ $serviceLabels[$type] }}</h4>
        </div>
        <div class="card-body">
            <div class="row g-9 mb-5">
                <div class="col-md-4">
                    <label class="required form-label">{{ trans('clinic.pricing.total_price') }}</label>
                    <input type="number" step="0.01" min="0" class="form-control js-total-price"
                           name="services[{{ $type }}][total_price]"
                           value="{{ old("services.$type.total_price", $existing?->total_price ?? '') }}">
                    @error("services.$type.total_price")<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                </div>
            </div>

            <div class="row g-9">
                <div class="col-md-6">
                    <label class="fw-bold mb-2 d-block">{{ trans('clinic.pricing.doctor_share') }}</label>
                    <div class="d-flex gap-3 align-items-center">
                        <select class="form-select w-auto js-share-type" name="services[{{ $type }}][doctor_share_type]">
                            <option value="amount" {{ old("services.$type.doctor_share_type", $existing?->doctor_share_type ?? 'percentage') === 'amount' ? 'selected' : '' }}>{{ trans('clinic.pricing.amount') }}</option>
                            <option value="percentage" {{ old("services.$type.doctor_share_type", $existing?->doctor_share_type ?? 'percentage') === 'percentage' ? 'selected' : '' }}>{{ trans('clinic.pricing.percentage') }}</option>
                        </select>
                        <input type="number" step="0.01" min="0" class="form-control js-share-value"
                               name="services[{{ $type }}][doctor_share_value]"
                               value="{{ old("services.$type.doctor_share_value", $existing?->doctor_share_value ?? '') }}">
                    </div>
                    @error("services.$type.doctor_share_value")<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    @error("services.$type.doctor_share_type")<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-6">
                    <label class="fw-bold mb-2 d-block">{{ trans('clinic.pricing.center_share') }}</label>
                    <div class="d-flex gap-3 align-items-center">
                        <select class="form-select w-auto js-share-type" name="services[{{ $type }}][center_share_type]">
                            <option value="amount" {{ old("services.$type.center_share_type", $existing?->center_share_type ?? 'percentage') === 'amount' ? 'selected' : '' }}>{{ trans('clinic.pricing.amount') }}</option>
                            <option value="percentage" {{ old("services.$type.center_share_type", $existing?->center_share_type ?? 'percentage') === 'percentage' ? 'selected' : '' }}>{{ trans('clinic.pricing.percentage') }}</option>
                        </select>
                        <input type="number" step="0.01" min="0" class="form-control js-share-value"
                               name="services[{{ $type }}][center_share_value]"
                               value="{{ old("services.$type.center_share_value", $existing?->center_share_value ?? '') }}">
                    </div>
                    @error("services.$type.center_share_value")<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    @error("services.$type.center_share_type")<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                </div>
            </div>

            <div class="mt-4 fs-7 text-muted js-computed-split">{{ trans('clinic.pricing.computed_split') }}: —</div>
        </div>
    </div>
@endforeach