@php
  $subject = $mail_configuration->subject ?? "";
  $content = $mail_configuration->content ?? "";
@endphp

<div class="offcanvas-header">
  <h5 class="offcanvas-title">Share User Registration Link</h5>
  <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body mx-0 py-0 flex-grow-0">
  <form id="user_registration_link_share_form" action="{{ route('admin.master.user_registration_link.store_share_link_form') }}" method="POST" enctype="multipart/form-data">
    @csrf()
    <!-- row start -->
    <input type="hidden" id="user_registration_link_id" name="user_registration_link_id" value="{{ $user_registration_link_id }}"/>
    <div class=row>
      <div class="col-12">  
        <div class="mb-3 control-group">
          <label class="form-label" for="subject">Subject
            <span class="text-danger"> * </span>
          </label>
          <div class="input-group input-group-merge">
            <span id="basic-icon-default-subject" class="input-group-text">
              <i class="ti ti-message-share"></i>
            </span>
            <input
              type="text"
              class="form-control"
              id="subject"
              name="subject"
              placeholder="Subject"
              aria-label="Subject"
              aria-describedby="basic-icon-default-subject"
              value="{!! $subject !!}"
            />
          </div>
        </div>
      </div>

      <div class="col-12">  
        <div class="mb-3 control-group">
          <label class="form-label" for="from_email">From
            <span class="text-danger"> </span>
          </label>
          <div class="input-group input-group-merge">
            <span id="basic-icon-default-from" class="input-group-text" style="background-color:#f1f0f2;">
              <i class="ti ti-mail"></i>
            </span>
            <input
              type="text"
              class="form-control ps-2"
              id="from_email"
              name="from_email"
              placeholder="From"
              aria-label="From"
              aria-describedby="basic-icon-default-from"
              value="{{ $from_email }}"
              disabled
            />
          </div>
        </div>
      </div>

      <div class="col-12">  
        <div class="mb-3 control-group">
          <label class="form-label" for="to_email">To
            <span class="text-danger"> * </span>
          </label>
          <select id="to_email" name="to_email[]" class="select2 form-select" multiple>
    
          </select>               
        </div>
      </div>

      <div class="col-12">  
        <div class="mb-3 control-group">
          <label class="form-label" for="message">Message</label>
          <input type="hidden" id="message" name="message" value="">
          <div id="quill_editor_message" class="full-editor">{!! $content !!}</div>
        </div>
      </div>

    </div>
    <!-- row end -->
  </form>
</div>

<div class="offcanvas-footer px-4 pb-3">
  <div class="d-flex gap-3">
    <button type="reset" class="btn btn-sm btn-secondary" data-bs-dismiss="offcanvas">Cancel</button>
    <button type="submit" id="user_registration_link_share_submit" form="user_registration_link_share_form" class="btn btn-sm btn-primary">Share</button>
  </div>
</div>

  

<script>
  $(document).ready(function(){

    //initialization
    $('[data-bs-toggle="tooltip"]').tooltip();
    $('.select2').select2({
      tags: true,
      tokenSeparators: [',', ' '],
      dropdownParent:$('#offcanvasShareUserRegLink'),
    });
    
    UserRegisterationLink.QuillEditorInitialization();
    UserRegisterationLink.userRegistrationLinkShareForm();

    //events
    $(document).on('click','#user_registration_link_share_submit',function(e)
    {
      let content = $('#quill_editor_message').find('.ql-editor').html();
      $('#message').val(content);
    });
  });
</script>