@php($branches = $branches ?? collect())

@if ($branches->isNotEmpty())
    <div class="row g-9 mb-7">
        <div class="col-12">
            <label class="required form-label">{{ trans('clinic.clinics.branch_source') }}</label>
            <div class="d-flex gap-6">
                <div class="form-check form-check-custom form-check-solid">
                    <input class="form-check-input" type="radio" name="branch_source" id="branch_source_new" value="new" checked>
                    <label class="form-check-label" for="branch_source_new">{{ trans('clinic.clinics.branch_source_new') }}</label>
                </div>
                <div class="form-check form-check-custom form-check-solid">
                    <input class="form-check-input" type="radio" name="branch_source" id="branch_source_existing" value="existing">
                    <label class="form-check-label" for="branch_source_existing">{{ trans('clinic.clinics.branch_source_existing') }}</label>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-9 mb-7 d-none" id="existingBranchFields">
        <div class="col-md-8">
            <label class="form-label">{{ trans('clinic.clinics.select_branch') }}</label>
            <select name="branch_id" id="branch_id" class="form-select @error('branch_id') is-invalid @enderror" data-control="select2">
                <option value="">—</option>
                @foreach ($branches as $branch)
                    <option value="{{ $branch->id }}" {{ old('branch_id') == $branch->id ? 'selected' : '' }}>{{ $branch->name }} ({{ $branch->code }})</option>
                @endforeach
            </select>
            @error('branch_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
    </div>
@endif

<div id="newBranchFields">
    <div class="row g-9 mb-7">
        <div class="col-md-4">
            <label class="required form-label">{{ trans('clinic.clinics.code') }}</label>
            <input type="text" name="code" class="form-control @error('code') is-invalid @enderror"
                   value="{{ old('code') }}">
            @error('code')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="col-md-8">
            <label class="required form-label">{{ trans('clinic.common.name') }}</label>
            <input type="text" name="branch_name" class="form-control @error('branch_name') is-invalid @enderror"
                   value="{{ old('branch_name') }}">
            @error('branch_name')<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.clinics.email') }}</label>
            <input type="email" name="email" class="form-control @error('email') is-invalid @enderror"
                   value="{{ old('email') }}">
            @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="col-md-6">
            <label class="form-label">{{ trans('clinic.clinics.phone') }}</label>
            <input type="text" name="phone" class="form-control @error('phone') is-invalid @enderror"
                   value="{{ old('phone') }}">
            @error('phone')<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.clinics.address') }}</label>
            <input type="text" name="address" class="form-control @error('address') is-invalid @enderror"
                   value="{{ old('address') }}">
            @error('address')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="col-md-6">
            <label class="form-label">{{ trans('clinic.clinics.city') }}</label>
            <input type="text" name="city" class="form-control @error('city') is-invalid @enderror"
                   value="{{ old('city') }}">
            @error('city')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
    </div>
</div>