(function() {
  const { useState } = React;

  function PermissionsPage({ t, embedded }) {
    const [tab, setTab] = useState('frontend');

    const body = (
      <>
        {!embedded && <div className="page-header">
          <h1><i className="ph ph-lock-key" style={{marginRight:8,color:'#4A6079'}}></i>{t('perm_title')}</h1>
          <span className="page-sub">{t('perm_sub')}</span>
        </div>}

        <div className="tabs" style={{marginBottom:20}}>
          <button className={'tab'+(tab==='frontend'?' active':'')} onClick={() => setTab('frontend')}>{t('perm_tab_frontend')}</button>
          <button className={'tab'+(tab==='backend'?' active':'')} onClick={() => setTab('backend')}>{t('perm_tab_backend')}</button>
        </div>

        {/* ===== Frontend ===== */}
        {tab === 'frontend' && (
          <div className="card" style={{padding:24}}>
            <div className="table-wrap">
              <table className="table">
                <thead>
                  <tr>
                    <th>สิทธิ์ / Action</th>
                    <th style={{textAlign:'center'}}>Guest<br/><span style={{fontWeight:400,fontSize:10}}>ไม่ login</span></th>
                    <th style={{textAlign:'center'}}>User<br/><span style={{fontWeight:400,fontSize:10}}>สมัครแล้ว</span></th>
                    <th style={{textAlign:'center'}}>Agent<br/><span style={{fontWeight:400,fontSize:10}}>ได้รับอนุมัติ</span></th>
                  </tr>
                </thead>
                <tbody>
                  <tr><td colSpan={4} style={{background:'#F4F8FD',fontWeight:600,color:'#102E54'}}>ทรัพย์ (ดู/บันทึก)</td></tr>
                  <tr><td>ดูทรัพย์ทั้งหมด</td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>ดูรายละเอียดทรัพย์</td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>ค้นหา / Filter</td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>เพิ่มทรัพย์ใหม่</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i> <span style={{fontSize:11,color:'#6B7280'}}>(รอ Admin อนุมัติ)</span></td></tr>
                  <tr><td>แก้ไขทรัพย์ของตัวเอง</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>ลบทรัพย์ของตัวเอง</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>อัปโหลดรูปทรัพย์</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>

                  <tr><td colSpan={4} style={{background:'#F4F8FD',fontWeight:600,color:'#102E54'}}>Favorites & Inquiry</td></tr>
                  <tr><td>บันทึกทรัพย์ (Favorite)</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>ส่งข้อความติดต่อ (Inquiry)</td><td style={{textAlign:'center'}}><i className="ph ph-warning-circle" style={{color:'#B5860B',fontSize:16,verticalAlign:'middle',marginRight:3}}></i><span style={{fontSize:11,color:'#6B7280'}}>กรอกเบอร์</span></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>ดู Inquiry ที่ได้รับ</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>

                  <tr><td colSpan={4} style={{background:'#F4F8FD',fontWeight:600,color:'#102E54'}}>Matching (ขอเงินทุน)</td></tr>
                  <tr><td>ยื่นขอจับคู่เงินทุน</td><td style={{textAlign:'center'}}><i className="ph ph-warning-circle" style={{color:'#B5860B',fontSize:16,verticalAlign:'middle',marginRight:3}}></i><span style={{fontSize:11,color:'#6B7280'}}>กรอกเบอร์</span></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>

                  <tr><td colSpan={4} style={{background:'#F4F8FD',fontWeight:600,color:'#102E54'}}>Account</td></tr>
                  <tr><td>Login ด้วย Google</td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>แก้ไขโปรไฟล์</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>สมัครเป็น Agent</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}>—</td></tr>

                  <tr><td colSpan={4} style={{background:'#F4F8FD',fontWeight:600,color:'#102E54'}}>บทความ</td></tr>
                  <tr><td>อ่านบทความ</td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                </tbody>
              </table>
            </div>
            <div style={{marginTop:16,fontSize:13,color:'#6B7280'}}>
              <i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i> = ทำได้ &nbsp; <i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i> = ทำไม่ได้ &nbsp; <i className="ph ph-warning-circle" style={{color:'#B5860B',fontSize:16,verticalAlign:'middle',marginRight:3}}></i>= ทำได้บางส่วน &nbsp; — = ไม่เกี่ยวข้อง
            </div>
          </div>
        )}

        {/* ===== Backend ===== */}
        {tab === 'backend' && (
          <div className="card" style={{padding:24}}>
            <div className="table-wrap">
              <table className="table">
                <thead>
                  <tr>
                    <th>สิทธิ์ / Action</th>
                    <th style={{textAlign:'center'}}>Marketing</th>
                    <th style={{textAlign:'center'}}>Admin</th>
                    <th style={{textAlign:'center'}}>Super Admin</th>
                  </tr>
                </thead>
                <tbody>
                  <tr><td colSpan={4} style={{background:'#F4F8FD',fontWeight:600,color:'#102E54'}}>Dashboard</td></tr>
                  <tr><td>ดู Dashboard</td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>

                  <tr><td colSpan={4} style={{background:'#F4F8FD',fontWeight:600,color:'#102E54'}}>จัดการทรัพย์</td></tr>
                  <tr><td>ดูทรัพย์ทั้งหมด</td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>เพิ่มทรัพย์</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>แก้ไขทรัพย์</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>อนุมัติ / ปฏิเสธ</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>ลบทรัพย์</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>อัปโหลดรูปทรัพย์</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>

                  <tr><td colSpan={4} style={{background:'#F4F8FD',fontWeight:600,color:'#102E54'}}>บทความ</td></tr>
                  <tr><td>ดูบทความ</td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i> <span style={{fontSize:11,color:'#6B7280'}}>(ดูอย่างเดียว)</span></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>เขียน / แก้ไข / เผยแพร่</td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>ลบบทความ</td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>

                  <tr><td colSpan={4} style={{background:'#F4F8FD',fontWeight:600,color:'#102E54'}}>จัดการ Users</td></tr>
                  <tr><td>ดู Users ทั้งหมด</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>แบน / ปลดแบน</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>เพิ่มทีมงานใหม่</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>เปลี่ยน Role</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>ลบ User</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>

                  <tr><td colSpan={4} style={{background:'#F4F8FD',fontWeight:600,color:'#102E54'}}>คำขอเป็น Agent</td></tr>
                  <tr><td>ดูคำขอ</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>อนุมัติ / ปฏิเสธ Agent</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>

                  <tr><td colSpan={4} style={{background:'#F4F8FD',fontWeight:600,color:'#102E54'}}>📩 Leads & Inquiries</td></tr>
                  <tr><td>ดู Matching Leads</td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>ดู Inquiries</td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>อัพเดตสถานะ Lead</td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>

                  <tr><td colSpan={4} style={{background:'#F4F8FD',fontWeight:600,color:'#102E54'}}>⚙️ ระบบ</td></tr>
                  <tr><td>ดูหน้า Infrastructure</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                  <tr><td>ดูตาราง Permission</td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i></td><td style={{textAlign:'center'}}><i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i></td></tr>
                </tbody>
              </table>
            </div>
            <div style={{marginTop:16,fontSize:13,color:'#6B7280'}}>
              <i className="ph ph-check-circle" style={{color:'#15976A',fontSize:16,verticalAlign:'middle'}}></i> = ทำได้ &nbsp; <i className="ph ph-x-circle" style={{color:'#D8567A',fontSize:16,verticalAlign:'middle'}}></i> = ทำไม่ได้
            </div>
          </div>
        )}
      </>
    );
    return embedded ? body : <div className="page">{body}</div>;
  }

  window.PermissionsPage = PermissionsPage;
})();