@php($record = $record ?? null)

<div class="row g-9 mb-7">
    <div class="col-md-4">
        <label class="required form-label">{{ trans('clinic.offers.title_field_ar') }}</label>
        <input type="text" name="title[ar]" class="form-control @error('title.ar') is-invalid @enderror"
               value="{{ old('title.ar', $record?->getTranslation('title', 'ar') ?? '') }}">
        @error('title.ar')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label class="required form-label">{{ trans('clinic.offers.title_field_en') }}</label>
        <input type="text" name="title[en]" class="form-control @error('title.en') is-invalid @enderror"
               value="{{ old('title.en', $record?->getTranslation('title', 'en') ?? '') }}">
        @error('title.en')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label class="required form-label">{{ trans('clinic.offers.is_active') }}</label>
        <select name="is_active" class="form-select">
            <option value="1" @selected(old('is_active', $record->is_active ?? true))>{{ trans('clinic.common.active') }}</option>
            <option value="0" @selected(!old('is_active', $record->is_active ?? true))>{{ trans('clinic.offers.inactive') }}</option>
        </select>
    </div>
</div>

<div class="row g-9 mb-7">
    <div class="col-md-6">
        <label class="form-label">{{ trans('clinic.offers.description_ar') }}</label>
        <textarea name="description[ar]" rows="3" class="form-control @error('description.ar') is-invalid @enderror">{{ old('description.ar', $record?->getTranslation('description', 'ar') ?? '') }}</textarea>
        @error('description.ar')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label class="form-label">{{ trans('clinic.offers.description_en') }}</label>
        <textarea name="description[en]" rows="3" class="form-control @error('description.en') is-invalid @enderror">{{ old('description.en', $record?->getTranslation('description', 'en') ?? '') }}</textarea>
        @error('description.en')<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.offers.discount_type') }}</label>
        <select name="discount_type" class="form-select @error('discount_type') is-invalid @enderror">
            <option value="percentage" @selected(old('discount_type', $record->discount_type ?? '') === 'percentage')>{{ trans('clinic.offers.percentage') }}</option>
            <option value="fixed" @selected(old('discount_type', $record->discount_type ?? '') === 'fixed')>{{ trans('clinic.offers.fixed') }}</option>
        </select>
        @error('discount_type')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label class="required form-label">{{ trans('clinic.offers.discount_value') }}</label>
        <input type="number" step="0.01" min="0" name="discount_value" value="{{ old('discount_value', $record->discount_value ?? '') }}" class="form-control @error('discount_value') is-invalid @enderror">
        @error('discount_value')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label class="form-label">{{ trans('clinic.offers.original_price') }}</label>
        <input type="number" step="0.01" min="0" name="original_price" value="{{ old('original_price', $record->original_price ?? '') }}" class="form-control @error('original_price') is-invalid @enderror">
        <div class="form-text" id="offerPriceHint" data-template="{{ trans('clinic.offers.price_after_discount', ['price' => ':price']) }}">{{ trans('clinic.offers.original_price_hint') }}</div>
        @error('original_price')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    @if ($branches->isNotEmpty())
        <div class="col-md-4">
            <label class="form-label">{{ trans('clinic.clinics.title') }}</label>
            <select name="branch_id" class="form-select @error('branch_id') is-invalid @enderror">
                <option value="">{{ trans('clinic.offers.platform_wide') }}</option>
                @foreach ($branches as $branch)
                    <option value="{{ $branch->id }}" @selected(old('branch_id', $record->branch_id ?? '') == $branch->id)>{{ $branch->name }}</option>
                @endforeach
            </select>
            @error('branch_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
    @endif
</div>

<div class="row g-9 mb-7">
    <div class="col-md-6">
        <label class="form-label">{{ trans('clinic.specialties.title') }}</label>
        <select name="specialty_id" class="form-select @error('specialty_id') is-invalid @enderror">
            <option value="">—</option>
            @foreach ($specialties as $specialty)
                <option value="{{ $specialty->id }}" @selected(old('specialty_id', $record->specialty_id ?? '') == $specialty->id)>{{ $specialty->name }}</option>
            @endforeach
        </select>
        @error('specialty_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label class="form-label">{{ trans('clinic.doctors.title') }}</label>
        <select name="doctor_id" class="form-select @error('doctor_id') is-invalid @enderror">
            <option value="">—</option>
            @foreach ($doctors as $doctor)
                <option value="{{ $doctor->id }}" @selected(old('doctor_id', $record->doctor_id ?? '') == $doctor->id)>{{ $doctor->name }}</option>
            @endforeach
        </select>
        @error('doctor_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

<div class="row g-9 mb-7">
    <div class="col-md-6">
        <label class="required form-label">{{ trans('clinic.offers.starts_at') }}</label>
        <input type="datetime-local" name="starts_at" value="{{ old('starts_at', $record?->starts_at?->format('Y-m-d\TH:i')) }}" class="form-control @error('starts_at') is-invalid @enderror">
        @error('starts_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label class="required form-label">{{ trans('clinic.offers.ends_at') }}</label>
        <input type="datetime-local" name="ends_at" value="{{ old('ends_at', $record?->ends_at?->format('Y-m-d\TH:i')) }}" class="form-control @error('ends_at') is-invalid @enderror">
        @error('ends_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

<script>
    // Live "price after discount" under the original price field.
    document.addEventListener('DOMContentLoaded', function () {
        var form = document.querySelector('[name="original_price"]').form;
        var hint = document.getElementById('offerPriceHint');
        var defaultText = hint.textContent;

        function update() {
            var base = parseFloat(form.original_price.value);
            var value = parseFloat(form.discount_value.value) || 0;
            if (isNaN(base)) {
                hint.textContent = defaultText;
                return;
            }
            var amount = form.discount_type.value === 'percentage' ? base * value / 100 : value;
            hint.textContent = hint.dataset.template.replace(':price', Math.max(0, base - amount).toFixed(2));
        }

        ['original_price', 'discount_value', 'discount_type'].forEach(function (name) {
            form[name].addEventListener('input', update);
            form[name].addEventListener('change', update);
        });
        update();
    });
</script>