@php
  $id = $mail_smtp_configuration->id ?? 0;
  $type = $mail_smtp_configuration->type ?? "";
  $mail_host = $mail_smtp_configuration->mail_host ?? "";
  $mail_username = $mail_smtp_configuration->mail_username ?? "";
  $mail_password = $mail_smtp_configuration->mail_password ?? "";
  $mail_encryption_id = $mail_smtp_configuration->mail_encryption_id ?? "";
  $mail_port_id = $mail_smtp_configuration->mail_port_id ?? "";
  $mail_from_address = $mail_smtp_configuration->mail_from_address ?? "";
  $mail_from_name = $mail_smtp_configuration->mail_from_name ?? "";
@endphp
<input type="hidden" id="smtp_port_arr" value="{{ @json_encode($smtp_port_arr) }}">
<div class="offcanvas-header">
  <h5 id="offcanvas_edit_mail_smtp_configuration_label" class="offcanvas-title">Edit</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">
  <form id="edit_mail_smtp_configuration_form" 
    action="{{ tokenize_url(route('admin.master.mail_smtp_configuration.update'),['id'=>$id]) }}" 
    method="post" 
    enctype="multipart/form-data"
  >
    @csrf
    <div class="mb-3 control-group">
      <label for="type" class="form-label">Type
        <span class="text-danger">*</span>
      </label>
      <input type="text" class="form-control" id="type" name="type" value="smtp" placeholder="Type" disabled />
      <input type="hidden" class="form-control" name="type" value="smtp" />
    </div>

    <div class="mb-3 control-group">
      <label for="mail_host" class="form-label">Mail Host
        <span class="text-danger">*</span>
      </label>
      <input type="text" class="form-control" id="mail_host" name="mail_host" value="{{ $mail_host }}" placeholder="Mail Host"/>
    </div>

    <div class="mb-3 control-group">
      <label for="mail_username" class="form-label">Mail Username
        <span class="text-danger">*</span>
      </label>
      <input type="text" class="form-control" id="mail_username" name="mail_username" value="{{ $mail_username }}" placeholder="Mail Username" />
    </div>

    <div class="mb-3 control-group">
      <label for="mail_password" class="form-label">Mail Password
        <span class="text-danger">*</span>
      </label>
      <input type="text" class="form-control" id="mail_password" name="mail_password" value="{{ $mail_password }}" placeholder="Mail Password" />
    </div>

    <div class="col-md-12 mb-3 control-group">
      <label for="mail_encryption_id" class="form-label">Mail Encryption
        <span class="text-danger">*</span>
      </label>
      <select id="mail_encryption_id" name="mail_encryption_id" class="select2 form-select form-select-lg" data-allow-clear="true" data-placeholder="Mail Encryption">
        <option value="" ></option>
        @foreach($smtp_enc_type_arr as $id => $smtp_enc_type)
          <option value="{{ $id }}" {{ $mail_encryption_id == $id ? 'selected' : '' }}>{{ $smtp_enc_type }}</option>
        @endforeach
      </select>
    </div> 


    <div class="col-md-12 mb-3 control-group">
      <label for="mail_port_id" class="form-label">Mail Port
        <span class="text-danger">*</span>
      </label>
      <select id="mail_port_id" name="mail_port_id" class="select2 form-select form-select-lg" data-allow-clear="true" data-placeholder="Mail Port">
        <option value=""></option>
        @foreach($smtp_port_arr as $id => $smtp_port)
          <option value="{{ $id }}" {{ $mail_port_id == $id ? 'selected' : '' }}>{{ $smtp_port }}</option>
        @endforeach
      </select>
    </div> 

    <div class="mb-3 control-group">
      <label for="mail_from_address" class="form-label">Mail From Address
        <span class="text-danger">*</span>
      </label>
      <input type="text" class="form-control" id="mail_from_address" name="mail_from_address" value="{{ $mail_from_address }}" placeholder="Mail From Address" />
    </div>
  
    <div class="mb-3 control-group">
      <label for="mail_from_name" class="form-label">Mail From Name
        <span class="text-danger">*</span>
      </label>
      <input type="text" class="form-control" id="mail_from_name" name="mail_from_name" value="{{ $mail_from_name }}" placeholder="Mail From Name" />
    </div>
  </form>
</div>
<div class="offcanvas-footer mt-3 mb-3 ms-4 d-flex gap-2">
  <div class="d-flex align-items-center gap-2">
    <button type="submit" id="edit_mail_smtp_configuration_form_submit" form="edit_mail_smtp_configuration_form" class="btn btn-sm btn-primary">   
        <span class="spinner-border me-2" role="status" aria-hidden="true" style="display: none;"></span>
        <span class="text">Update</span>
      </button>
    </div>
    <button type="reset" form="edit_mail_smtp_configuration_form" class="btn btn-sm btn-secondary" data-bs-dismiss="offcanvas">
      Cancel
    </button>
  </div>
</div>