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

<div class="row g-9 mb-7">
    <div class="col-md-6">
        <label class="required form-label">{{ trans('clinic.common.name_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-6">
        <label class="required form-label">{{ trans('clinic.common.name_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>

<div class="row g-9 mb-7">
    <div class="col-md-6">
        <label class="form-label">{{ trans('clinic.banners.subtitle_ar') }}</label>
        <input type="text" name="subtitle[ar]" class="form-control @error('subtitle.ar') is-invalid @enderror"
               value="{{ old('subtitle.ar', $record?->getTranslation('subtitle', 'ar') ?? '') }}">
        @error('subtitle.ar')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label class="form-label">{{ trans('clinic.banners.subtitle_en') }}</label>
        <input type="text" name="subtitle[en]" class="form-control @error('subtitle.en') is-invalid @enderror"
               value="{{ old('subtitle.en', $record?->getTranslation('subtitle', 'en') ?? '') }}">
        @error('subtitle.en')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

<div class="row g-9 mb-7">
    <div class="col-md-6">
        <label class="{{ $record ? '' : 'required' }} form-label">{{ trans('clinic.banners.image') }}</label>
        <input type="file" name="image" accept="image/*" class="form-control @error('image') is-invalid @enderror">
        @error('image')<div class="invalid-feedback">{{ $message }}</div>@enderror
        @if($record?->image_path)
            <img src="{{ asset($record->image_path) }}" alt="" class="mt-3 w-150px rounded">
        @endif
    </div>
    <div class="col-md-6">
        <label class="form-label">{{ trans('clinic.banners.action_target') }}</label>
        <input type="text" name="action_target" class="form-control @error('action_target') is-invalid @enderror"
               value="{{ old('action_target', $record?->action_target ?? '') }}" placeholder="offer:1, doctor:1, clinic:1, specialty:1, consultation">
        @error('action_target')<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.banners.sort_order') }}</label>
        <input type="number" min="0" name="sort_order" class="form-control @error('sort_order') is-invalid @enderror"
               value="{{ old('sort_order', $record?->sort_order ?? 0) }}">
        @error('sort_order')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

<div class="mb-7">
    <div class="form-check form-check-custom form-check-solid">
        <input type="hidden" name="is_active" value="0">
        <input class="form-check-input" type="checkbox" name="is_active" value="1" id="is_active"
               {{ old('is_active', $record->is_active ?? true) ? 'checked' : '' }}>
        <label class="form-check-label" for="is_active">{{ trans('clinic.common.active') }}</label>
    </div>
</div>