{{-- Native #type-email-verifier (like custom-field #type); initEmailVerifierTypeNativeInModal + initEmailVerifierAddEditModal in app.js. --}}
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg email-verifier-modal">
    <div class="modal-content">
      <form id="frm-group" method="post" action="{{route('email_verifiers.update', [$email_verifier->id])}}" class="needs-validation" novalidate data-email-verifier-id="{{ $email_verifier->id }}">
        @csrf
        @method('PUT')
        <div class="modal-header">
          <div class="d-flex align-items-center">
            <div class="me-3">
              <span class="avatar avatar-sm avatar-rounded bg-info svg-white">
                <i class="bi bi-pencil-square"></i>
              </span>
            </div>
            <h6 class="modal-title mb-0 fw-semibold">{{__('app.edit')}} {{__('app.email_verifiers')}}</h6>
          </div>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{__('app.close')}}"></button>
        </div>
        <div class="modal-body">
          <div class="mb-3 pb-3 border-bottom">
            <div class="text-secondary text-uppercase fw-semibold list-form-sec-label mb-2">{{ __('app.basic_information') }}</div>
            <div class="row">
            <div class="col-md-8">
              <div class="form-group">
                <label class="form-label fw-semibold mt-2">{{__('app.name')}}</label>
                <input type="text" class="form-control" placeholder="{{__('app.name')}}" value="{{ $email_verifier->name ?? '' }}" name="name" required>
                <div class="invalid-feedback">{{__('app.name_required')}}</div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="form-group">
                <label class="form-label fw-semibold mt-2">{{__('app.active')}}</label>
                <select name="is_active" class="form-select">
                  <option value="1" {{ $email_verifier->is_active ? 'selected' : '' }}>{{ __('app.yes')}}</option>
                  <option value="0" {{ $email_verifier->is_active ? '' : 'selected' }}>{{ __('app.no') }}</option>
                </select>
              </div>
            </div>
            </div>
          </div>

          <div class="mb-0">
            <div class="text-secondary text-uppercase fw-semibold list-form-sec-label mb-2">{{ __('app.configuration') }}</div>
            <div class="row">
            <div class="col-12">
              <div class="form-group">
                <label class="form-label fw-semibold mt-2" for="type-email-verifier">{{ __('app.type') }}
                  <a tabindex="-1" role="button" data-bs-toggle="popover" data-bs-trigger="focus" data-bs-placement="right"
                     title="{{ __('app.type') }}" data-bs-content="{{ __('app.email_verifier_type_help') }}"
                     data-bs-custom-class="header-primary" class="text-primary ms-1">
                    <i class="bi bi-question-circle" aria-hidden="true"></i>
                  </a>
                </label>
                <select name="type" id="type-email-verifier" class="form-select" aria-label="{{ __('app.type') }}">
                  @foreach(\App\Http\Helper\Helper::emailVerifiers() as $typeKey => $value)
                    <option value="{{ $typeKey }}" @selected((string) ($email_verifier->type ?? '') === (string) $typeKey)>{{ $value }}</option>
                  @endforeach
                </select>
              </div>
            </div>
            <div class="col-12">
              <div id="email_verifiers-attributes"></div>
            </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-light" data-bs-dismiss="modal">
            <i class="bi bi-arrow-left me-1"></i>{{__('app.cancel')}}
          </button>
          <button type="submit" class="btn btn-primary btn-loading">
            <i class="bi bi-check-lg me-1"></i>{{__('app.update')}}
          </button>
        </div>
      </form>
    </div>
</div>