{layout admin/layout}
<link rel="stylesheet" href="/plugin/member/static/member-system.css">
<link rel="stylesheet" href="/plugin/member/static/rbac.css">
<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{if !empty($role)}{lang member.edit_role}{else}{lang member.new_role}{/if}</div>
    <div class="nv-page-desc">{lang member.role_form_desc_1}{lang member.role_form_desc_2}</div>
  </div>
  <div><a class="nv-btn" href="{$entry_prefix}/admin/plugin/member/rbac/roles">{lang member.back_to_list}</a></div>
</div>

{if $flash.message}<div class="nv-alert nv-alert-{$flash.type}">{$flash.message}</div>{/if}

<form method="post" action="{$entry_prefix}/admin/plugin/member/rbac/role/save">
  <input type="hidden" name="_token" value="{$csrf}">
  <input type="hidden" name="_form_token" value="{$form_token}">
  <input type="hidden" name="id" value="{if !empty($role)}{$role.id}{else}0{/if}">

  <div class="nv-card" style="margin-bottom:16px">
    <div class="nv-card-body">
      <div class="rbac-grid">
        <div class="rbac-field">
          <label for="rName">{lang member.role_name}</label>
          <input id="rName" type="text" name="name" maxlength="60" required
                 value="{if !empty($role)}{$role.name}{/if}" placeholder="{lang member.ph_vip_member}">
        </div>
        <div class="rbac-field">
          <label for="rSlug">{lang member.slug}</label>
          <input id="rSlug" type="text" name="slug" maxlength="60"
                 value="{if !empty($role)}{$role.slug}{/if}"
                 placeholder="{lang member.slug_hint}"
                 {if !empty($role) && $role.is_system == 1}readonly{/if}>
          {if !empty($role) && $role.is_system == 1}
          <span class="rbac-desc">{lang member.builtin_slug_hint_1}{lang member.builtin_slug_hint_2}</span>
          {/if}
        </div>
        <div class="rbac-field">
          <label for="rSort">{lang admin.sort}</label>
          <input id="rSort" type="number" name="sort" value="{if !empty($role)}{$role.sort}{else}0{/if}">
        </div>
        <div class="rbac-field">
          <label for="rStatus">{lang admin.status}</label>
          <select id="rStatus" name="status">
            <option value="1"{if empty($role) || $role.status == 1} selected{/if}>{lang member.enable}</option>
            <option value="0"{if !empty($role) && $role.status == 0} selected{/if}>{lang member.status_off_hint_1}{lang member.status_off_hint_2}</option>
          </select>
        </div>
      </div>
      <div class="rbac-field" style="margin-top:12px">
        <label for="rDesc">{lang admin.description}</label>
        <input id="rDesc" type="text" name="description" maxlength="255"
               value="{if !empty($role)}{$role.description}{/if}" placeholder="{lang member.ph_role_desc}">
      </div>
    </div>
  </div>

  <div class="nv-card" style="margin-bottom:16px">
    <div class="nv-card-head"><span class="nv-card-title">{lang member.paid_content_role}</span></div>
    <div class="nv-card-body">
      {if empty($paid_enabled)}
      <div class="nv-alert nv-alert-warning" style="margin-bottom:12px">
        {lang member.paid_off_hint_1}{lang member.paid_off_hint_2}
      </div>
      {/if}
      <div class="rbac-grid">
        <div class="rbac-field">
          <label for="rPaidRead">{lang member.allow_paid_read}</label>
          <select id="rPaidRead" name="paid_read">
            <option value="0"{if $paid_read == 0} selected{/if}>{lang member.not_allowed}</option>
            <option value="1"{if $paid_read == 1} selected{/if}>{lang member.allowed_discount}</option>
          </select>
          <span class="rbac-desc">{lang member.paid_off_truncate_1}</span>
        </div>
        <div class="rbac-field">
          <label for="rPaidDiscount">{lang member.paid_discount}</label>
          <select id="rPaidDiscount" name="paid_discount">
            {loop $discount_options as $opt}
            <option value="{$opt.value}"{if $opt.selected} selected{/if}>{$opt.label}</option>
            {/loop}
          </select>
          <span class="rbac-desc">{lang member.discount_free_hint_1}{lang member.discount_free_hint_2}</span>
        </div>
      </div>
    </div>
  </div>

  {loop $groups as $group}
  <div class="nv-card" style="margin-bottom:16px">
    <div class="nv-card-body">
      <div class="nv-page-title" style="font-size:14px;margin-bottom:10px">{$group.name}{lang member.permissions}</div>
      <div class="rbac-perms">
        {loop $group.items as $p}
        <label class="rbac-perm">
          <input type="checkbox" name="permissions[]" value="{$p.slug}"{if $p.selected} checked{/if}>
          <span class="rbac-perm-label">{$p.label}</span>
          <code class="rbac-perm-slug">{$p.slug}</code>
        </label>
        {/loop}
      </div>
    </div>
  </div>
  {/loop}

  <div style="display:flex;gap:10px">
    <button class="nv-btn nv-btn-primary" type="submit">{lang admin.save}</button>
    <a class="nv-btn" href="{$entry_prefix}/admin/plugin/member/rbac/roles">{lang admin.cancel}</a>
  </div>
</form>