templates/users_list/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.                             <!-- PAGE-HEADER -->
  6.                             <div class="page-header">
  7.                                 <div>
  8.                                     <h1 class="page-title">Users List</h1>
  9.                                 </div>
  10.                                 <div class="ms-auto pageheader-btn">
  11.                                     <ol class="breadcrumb">
  12.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">Advanced UI</a></li>
  13.                                         <li class="breadcrumb-item active" aria-current="page">Users List</li>
  14.                                     </ol>
  15.                                 </div>
  16.                             </div>
  17.                             <!-- PAGE-HEADER END -->
  19.                             <!-- ROW OPEN -->
  20.                             <div class="row row-sm">
  21.                                 <div class="col-lg-12">
  22.                                     <div class="card custom-card">
  23.                                         <div class="card-body">
  24.                                             <div class="table-responsive">
  25.                                                 <table id="user-datatable" class="table table-bordered">
  26.                                                     <thead>
  27.                                                         <tr>
  28.                                                             <th class="wd-2">
  29.                                                                 Photo
  30.                                                             </th>
  31.                                                             <th>Name</th>
  32.                                                             <th>Role</th>
  33.                                                             <th>Last Active</th>
  34.                                                             <th>Country</th>
  35.                                                             <th>Verification</th>
  36.                                                             <th>Joined Date</th>
  37.                                                             <th>Action</th>
  38.                                                         </tr>
  39.                                                     </thead>
  40.                                                     <tbody>
  41.                                                         <tr>
  42.                                                             <td class="text-center">
  43.                                                                 <div class="avatar avatar-md rounded-circle">
  44.                                                                     <img alt="avatar" class="rounded-circle" src="{{absolute_url(asset('build/images/faces/4.jpg'))}}">
  45.                                                                 </div>
  46.                                                             </td>
  47.                                                             <td>
  48.                                                                 <p class="tx-14 font-weight-semibold text-dark mb-1">Ajanto</p>
  49.                                                                 <p class="tx-13 text-muted mb-0">ajanto.aja445@hotmail.in</p>
  50.                                                             </td>
  51.                                                             <td>
  52.                                                                 <span class="text-muted tx-13">Architect</span>
  53.                                                             </td>
  54.                                                             <td>
  55.                                                                 <span class="badge bg-light text-muted tx-13">20 days ago</span>
  56.                                                             </td>
  57.                                                             <td>
  58.                                                                 <span class="text-muted tx-13">France</span>
  59.                                                             </td>
  60.                                                             <td>
  61.                                                                 <span class="badge font-weight-semibold bg-success-transparent text-success tx-11">Verified</span>
  62.                                                             </td>
  63.                                                             <td>
  64.                                                                 <span class="text-muted tx-13">23-7-2021</span>
  65.                                                             </td>
  66.                                                             <td><a href="#" class="btn btn-icon btn-primary-light me-2" data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
  67.                                                                 <i class="fe fe-edit"></i>
  68.                                                             </a></td>
  69.                                                         </tr>
  70.                                                         <tr>
  71.                                                             <td class="text-center">
  72.                                                                 <div class="avatar avatar-md bg-success text-white rounded-circle">
  73.                                                                     W
  74.                                                                 </div>
  75.                                                             </td>
  76.                                                             <td>
  77.                                                                 <p class="tx-14 font-weight-semibold text-dark mb-1">Winters</p>
  78.                                                                 <p class="tx-13 text-muted mb-0">winters.w345@gmail.org</p>
  79.                                                             </td>
  80.                                                             <td>
  81.                                                                 <span class="text-muted tx-13">Front end Designer</span>
  82.                                                             </td>
  83.                                                             <td>
  84.                                                                 <span class="badge bg-light text-muted tx-13">20 hrs ago</span>
  85.                                                             </td>
  86.                                                             <td>
  87.                                                                 <span class="text-muted tx-13">Greece</span>
  88.                                                             </td>
  89.                                                             <td>
  90.                                                                 <span class="badge font-weight-semibold bg-secondary-transparent text-secondary tx-11">Not Verified</span>
  91.                                                             </td>
  92.                                                             <td>
  93.                                                                 <span class="text-muted tx-13">11-2-2021</span>
  94.                                                             </td>
  95.                                                             <td><a href="#" class="btn btn-icon btn-primary-light me-2" data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
  96.                                                                 <i class="fe fe-edit"></i>
  97.                                                             </a></td>
  98.                                                         </tr>
  99.                                                         <tr>
  100.                                                             <td class="text-center">
  101.                                                                 <div class="avatar avatar-md bg-secondary text-white rounded-circle">
  102.                                                                     CX
  103.                                                                 </div>
  104.                                                             </td>
  105.                                                             <td>
  106.                                                                 <p class="tx-14 font-weight-semibold text-dark mb-1">Cox</p>
  107.                                                                 <p class="tx-13 text-muted mb-0">morenocox.g111@gmail.in</p>
  108.                                                             </td>
  109.                                                             <td>
  110.                                                                 <span class="text-muted tx-13">Junior Technical Author</span>
  111.                                                             </td>
  112.                                                             <td>
  113.                                                                 <span class="badge bg-light text-muted tx-13">1 month ago</span>
  114.                                                             </td>
  115.                                                             <td>
  116.                                                                 <span class="text-muted tx-13">Texas</span>
  117.                                                             </td>
  118.                                                             <td>
  119.                                                                 <span class="badge font-weight-semibold bg-success-transparent text-success tx-11">Verified</span>
  120.                                                             </td>
  121.                                                             <td>
  122.                                                                 <span class="text-muted tx-13">25-5-2021</span>
  123.                                                             </td>
  124.                                                             <td><a href="#" class="btn btn-icon btn-primary-light me-2" data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
  125.                                                                 <i class="fe fe-edit"></i>
  126.                                                             </a></td>
  127.                                                         </tr>
  128.                                                         <tr>
  129.                                                             <td class="text-center">
  130.                                                                 <div class="avatar avatar-md rounded-circle">
  131.                                                                     <img alt="avatar" class="rounded-circle" src="{{absolute_url(asset('build/images/faces/7.jpg'))}}">
  132.                                                                 </div>
  133.                                                             </td>
  134.                                                             <td>
  135.                                                                 <p class="tx-14 font-weight-semibold text-dark mb-1">Kelly</p>
  136.                                                                 <p class="tx-13 text-muted mb-0">kellybelly357@webmail.org</p>
  137.                                                             </td>
  138.                                                             <td>
  139.                                                                 <span class="text-muted tx-13">Senior Javascript Developer</span>
  140.                                                             </td>
  141.                                                             <td>
  142.                                                                 <span class="badge bg-light text-muted tx-13">36 mins ago</span>
  143.                                                             </td>
  144.                                                             <td>
  145.                                                                 <span class="text-muted tx-13">Columbia</span>
  146.                                                             </td>
  147.                                                             <td>
  148.                                                                 <span class="badge font-weight-semibold bg-secondary-transparent text-secondary tx-11">Not Verified</span>
  149.                                                             </td>
  150.                                                             <td>
  151.                                                                 <span class="text-muted tx-13">13-3-2021</span>
  152.                                                             </td>
  153.                                                             <td><a href="#" class="btn btn-icon btn-primary-light me-2" data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
  154.                                                                 <i class="fe fe-edit"></i>
  155.                                                             </a></td>
  156.                                                         </tr>
  157.                                                         <tr>
  158.                                                             <td class="text-center">
  159.                                                                 <div class="avatar avatar-md rounded-circle">
  160.                                                                     <img alt="avatar" class="rounded-circle" src="{{absolute_url(asset('build/images/faces/8.jpg'))}}">
  161.                                                                 </div>
  162.                                                             </td>
  163.                                                             <td>
  164.                                                                 <p class="tx-14 font-weight-semibold text-dark mb-1">Satou</p>
  165.                                                                 <p class="tx-13 text-muted mb-0">satousatti3345@gmail.org</p>
  166.                                                             </td>
  167.                                                             <td>
  168.                                                                 <span class="text-muted tx-13">Accountant</span>
  169.                                                             </td>
  170.                                                             <td>
  171.                                                                 <span class="badge bg-light text-muted tx-13">11 hrs ago</span>
  172.                                                             </td>
  173.                                                             <td>
  174.                                                                 <span class="text-muted tx-13">Spain</span>
  175.                                                             </td>
  176.                                                             <td>
  177.                                                                 <span class="badge font-weight-semibold bg-success-transparent text-success tx-11">Verified</span>
  178.                                                             </td>
  179.                                                             <td>
  180.                                                                 <span class="text-muted tx-13">12-6-2020</span>
  181.                                                             </td>
  182.                                                             <td><a href="#" class="btn btn-icon btn-primary-light me-2" data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
  183.                                                                 <i class="fe fe-edit"></i>
  184.                                                             </a></td>
  185.                                                         </tr>
  186.                                                         <tr>
  187.                                                             <td class="text-center">
  188.                                                                 <div class="avatar avatar-md rounded-circle">
  189.                                                                     <img alt="avatar" class="rounded-circle" src="{{absolute_url(asset('build/images/faces/9.jpg'))}}">
  190.                                                                 </div>
  191.                                                             </td>
  192.                                                             <td>
  193.                                                                 <p class="tx-14 font-weight-semibold text-dark mb-1">Williamson</p>
  194.                                                                 <p class="tx-13 text-muted mb-0">Williamson.wilson123@gmail.in</p>
  195.                                                             </td>
  196.                                                             <td>
  197.                                                                 <span class="text-muted tx-13">Integration Specialist</span>
  198.                                                             </td>
  199.                                                             <td>
  200.                                                                 <span class="badge bg-light text-muted tx-13">21 hrs ago</span>
  201.                                                             </td>
  202.                                                             <td>
  203.                                                                 <span class="text-muted tx-13">Bermuda</span>
  204.                                                             </td>
  205.                                                             <td>
  206.                                                                 <span class="badge font-weight-semibold bg-success-transparent text-success tx-11">Verified</span>
  207.                                                             </td>
  208.                                                             <td>
  209.                                                                 <span class="text-muted tx-13">29-1-2021</span>
  210.                                                             </td>
  211.                                                             <td><a href="#" class="btn btn-icon btn-primary-light me-2" data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
  212.                                                                 <i class="fe fe-edit"></i>
  213.                                                             </a></td>
  214.                                                         </tr>
  215.                                                         <tr>
  216.                                                             <td class="text-center">
  217.                                                                 <div class="avatar avatar-md bg-info text-white rounded-circle">
  218.                                                                     CH
  219.                                                                 </div>
  220.                                                             </td>
  221.                                                             <td>
  222.                                                                 <p class="tx-14 font-weight-semibold text-dark mb-1">Chandler</p>
  223.                                                                 <p class="tx-13 text-muted mb-0">Chandler.k@mobimail.in</p>
  224.                                                             </td>
  225.                                                             <td>
  226.                                                                 <span class="text-muted tx-13">Sales Assistant</span>
  227.                                                             </td>
  228.                                                             <td>
  229.                                                                 <span class="badge bg-light text-muted tx-13">28 days ago</span>
  230.                                                             </td>
  231.                                                             <td>
  232.                                                                 <span class="text-muted tx-13">China</span>
  233.                                                             </td>
  234.                                                             <td>
  235.                                                                 <span class="badge font-weight-semibold bg-secondary-transparent text-secondary tx-11">Not Verified</span>
  236.                                                             </td>
  237.                                                             <td>
  238.                                                                 <span class="text-muted tx-13">3-4-2021</span>
  239.                                                             </td>
  240.                                                             <td><a href="#" class="btn btn-icon btn-primary-light me-2" data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
  241.                                                                 <i class="fe fe-edit"></i>
  242.                                                             </a></td>
  243.                                                         </tr>
  244.                                                         <tr>
  245.                                                             <td class="text-center">
  246.                                                                 <div class="avatar avatar-md rounded-circle">
  247.                                                                     <img alt="avatar" class="rounded-circle" src="{{absolute_url(asset('build/images/faces/11.jpg'))}}">
  248.                                                                 </div>
  249.                                                             </td>
  250.                                                             <td>
  251.                                                                 <p class="tx-14 font-weight-semibold text-dark mb-1">Davidson</p>
  252.                                                                 <p class="tx-12 font-weight-semibold text-muted mb-0">davidson.david@hotmail.com</p>
  253.                                                             </td>
  254.                                                             <td>
  255.                                                                 <span class="text-muted tx-13">Integration Specialist</span>
  256.                                                             </td>
  257.                                                             <td>
  258.                                                                 <span class="badge bg-light text-muted tx-13">14 mins ago</span>
  259.                                                             </td>
  260.                                                             <td>
  261.                                                                 <span class="text-muted tx-13">Portugal</span>
  262.                                                             </td>
  263.                                                             <td>
  264.                                                                 <span class="badge font-weight-semibold bg-success-transparent text-success tx-11">Verified</span>
  265.                                                             </td>
  266.                                                             <td>
  267.                                                                 <span class="text-muted tx-13">19-8-2021</span>
  268.                                                             </td>
  269.                                                             <td><a href="#" class="btn btn-icon btn-primary-light me-2" data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
  270.                                                                 <i class="fe fe-edit"></i>
  271.                                                             </a></td>
  272.                                                         </tr>
  273.                                                         <tr>
  274.                                                             <td class="text-center">
  275.                                                                 <div class="avatar avatar-md bg-warning text-white rounded-circle">
  276.                                                                     H
  277.                                                                 </div>
  278.                                                             </td>
  279.                                                             <td>
  280.                                                                 <p class="tx-14 font-weight-semibold text-dark mb-1">Hurst</p>
  281.                                                                 <p class="tx-13 text-muted mb-0">Hurst.h@webmail.org.in</p>
  282.                                                             </td>
  283.                                                             <td>
  284.                                                                 <span class="text-muted tx-13">Javascript Developer</span>
  285.                                                             </td>
  286.                                                             <td>
  287.                                                                 <span class="badge bg-light text-muted tx-13">17 days ago</span>
  288.                                                             </td>
  289.                                                             <td>
  290.                                                                 <span class="text-muted tx-13">Iceland</span>
  291.                                                             </td>
  292.                                                             <td>
  293.                                                                 <span class="badge font-weight-semibold bg-success-transparent text-success tx-11">Verified</span>
  294.                                                             </td>
  295.                                                             <td>
  296.                                                                 <span class="text-muted tx-13">16-4-2021</span>
  297.                                                             </td>
  298.                                                             <td><a href="#" class="btn btn-icon btn-primary-light me-2" data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
  299.                                                                 <i class="fe fe-edit"></i>
  300.                                                             </a></td>
  301.                                                         </tr>
  302.                                                         <tr>
  303.                                                             <td class="text-center">
  304.                                                                 <div class="avatar avatar-md rounded-circle">
  305.                                                                     <img alt="avatar" class="rounded-circle" src="{{absolute_url(asset('build/images/faces/13.jpg'))}}">
  306.                                                                 </div>
  307.                                                             </td>
  308.                                                             <td>
  309.                                                                 <p class="tx-14 font-weight-semibold text-dark mb-1">Frost</p>
  310.                                                                 <p class="tx-13 text-muted mb-0">Frostpup143@gmail.org</p>
  311.                                                             </td>
  312.                                                             <td>
  313.                                                                 <span class="text-muted tx-13">Software Engineer</span>
  314.                                                             </td>
  315.                                                             <td>
  316.                                                                 <span class="badge bg-light text-muted tx-13">19 hrs ago</span>
  317.                                                             </td>
  318.                                                             <td>
  319.                                                                 <span class="text-muted tx-13">India</span>
  320.                                                             </td>
  321.                                                             <td>
  322.                                                                 <span class="badge font-weight-semibold bg-success-transparent text-success tx-11">Verified</span>
  323.                                                             </td>
  324.                                                             <td>
  325.                                                                 <span class="text-muted tx-13">31-1-2021</span>
  326.                                                             </td>
  327.                                                             <td><a href="#" class="btn btn-icon btn-primary-light me-2" data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
  328.                                                                 <i class="fe fe-edit"></i>
  329.                                                             </a></td>
  330.                                                         </tr>
  331.                                                         <tr>
  332.                                                             <td class="text-center">
  333.                                                                 <div class="avatar avatar-md rounded-circle">
  334.                                                                     <img alt="avatar" class="rounded-circle" src="{{absolute_url(asset('build/images/faces/14.jpg'))}}">
  335.                                                                 </div>
  336.                                                             </td>
  337.                                                             <td>
  338.                                                                 <p class="tx-14 font-weight-semibold text-dark mb-1">Gaines</p>
  339.                                                                 <p class="tx-13 text-muted mb-0">Gaines.j@hotmail.in</p>
  340.                                                             </td>
  341.                                                             <td>
  342.                                                                 <span class="text-muted tx-13">Office Manager</span>
  343.                                                             </td>
  344.                                                             <td>
  345.                                                                 <span class="badge bg-light text-muted tx-13">15 days ago</span>
  346.                                                             </td>
  347.                                                             <td>
  348.                                                                 <span class="text-muted tx-13">Romania</span>
  349.                                                             </td>
  350.                                                             <td>
  351.                                                                 <span class="badge font-weight-semibold bg-secondary-transparent text-secondary tx-11">Not Verified</span>
  352.                                                             </td>
  353.                                                             <td>
  354.                                                                 <span class="text-muted tx-13">27-3-2021</span>
  355.                                                             </td>
  356.                                                             <td><a href="#" class="btn btn-icon btn-primary-light me-2" data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
  357.                                                                 <i class="fe fe-edit"></i>
  358.                                                             </a></td>
  359.                                                         </tr>
  360.                                                         <tr>
  361.                                                             <td class="text-center">
  362.                                                                 <div class="avatar avatar-md rounded-circle">
  363.                                                                     <img alt="avatar" class="rounded-circle" src="{{absolute_url(asset('build/images/faces/15.jpg'))}}">
  364.                                                                 </div>
  365.                                                             </td>
  366.                                                             <td>
  367.                                                                 <p class="tx-14 font-weight-semibold text-dark mb-1">Flynn</p>
  368.                                                                 <p class="tx-13 text-muted mb-0">flynn.gov@gmail.in</p>
  369.                                                             </td>
  370.                                                             <td>
  371.                                                                 <span class="text-muted tx-13">Support Lead</span>
  372.                                                             </td>
  373.                                                             <td>
  374.                                                                 <span class="badge bg-light text-muted tx-13">1 month ago</span>
  375.                                                             </td>
  376.                                                             <td>
  377.                                                                 <span class="text-muted tx-13">Japan</span>
  378.                                                             </td>
  379.                                                             <td>
  380.                                                                 <span class="badge font-weight-semibold bg-success-transparent text-success tx-11">Verified</span>
  381.                                                             </td>
  382.                                                             <td>
  383.                                                                 <span class="text-muted tx-13">23-5-2021</span>
  384.                                                             </td>
  385.                                                             <td><a href="#" class="btn btn-icon btn-primary-light me-2" data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
  386.                                                                 <i class="fe fe-edit"></i>
  387.                                                             </a></td>
  388.                                                         </tr>
  389.                                                         <tr>
  390.                                                             <td class="text-center">
  391.                                                                 <div class="avatar avatar-md rounded-circle">
  392.                                                                     <img alt="avatar" class="rounded-circle" src="{{absolute_url(asset('build/images/faces/16.jpg'))}}">
  393.                                                                 </div>
  394.                                                             </td>
  395.                                                             <td>
  396.                                                                 <p class="tx-14 font-weight-semibold text-dark mb-1">Marshall</p>
  397.                                                                 <p class="tx-13 text-muted mb-0">Marshall@maim.com</p>
  398.                                                             </td>
  399.                                                             <td>
  400.                                                                 <span class="text-muted tx-13">Regional Director</span>
  401.                                                             </td>
  402.                                                             <td>
  403.                                                                 <span class="badge bg-light text-muted tx-13">2 days ago</span>
  404.                                                             </td>
  405.                                                             <td>
  406.                                                                 <span class="text-muted tx-13">Mexico</span>
  407.                                                             </td>
  408.                                                             <td>
  409.                                                                 <span class="badge font-weight-semibold bg-success-transparent text-success tx-11">Verified</span>
  410.                                                             </td>
  411.                                                             <td>
  412.                                                                 <span class="text-muted tx-13">11-7-2020</span>
  413.                                                             </td>
  414.                                                             <td><a href="#" class="btn btn-icon btn-primary-light me-2" data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
  415.                                                                 <i class="fe fe-edit"></i>
  416.                                                             </a></td>
  417.                                                         </tr>
  418.                                                         <tr>
  419.                                                             <td class="text-center">
  420.                                                                 <div class="avatar avatar-md rounded-circle">
  421.                                                                     <img alt="avatar" class="rounded-circle" src="{{absolute_url(asset('build/images/faces/17.jpg'))}}">
  422.                                                                 </div>
  423.                                                             </td>
  424.                                                             <td>
  425.                                                                 <p class="tx-14 font-weight-semibold text-dark mb-1">Kail</p>
  426.                                                                 <p class="tx-13 text-muted mb-0">kail@123.org.in</p>
  427.                                                             </td>
  428.                                                             <td>
  429.                                                                 <span class="text-muted tx-13">Senior Marketing Designer</span>
  430.                                                             </td>
  431.                                                             <td>
  432.                                                                 <span class="badge bg-light text-muted tx-13">12 mins ago</span>
  433.                                                             </td>
  434.                                                             <td>
  435.                                                                 <span class="text-muted tx-13">Italy</span>
  436.                                                             </td>
  437.                                                             <td>
  438.                                                                 <span class="badge font-weight-semibold bg-success-transparent text-success tx-11">Verified</span>
  439.                                                             </td>
  440.                                                             <td>
  441.                                                                 <span class="text-muted tx-13">26-4-2021</span>
  442.                                                             </td>
  443.                                                             <td><a href="#" class="btn btn-icon btn-primary-light me-2" data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
  444.                                                                 <i class="fe fe-edit"></i>
  445.                                                             </a></td>
  446.                                                         </tr>
  447.                                                     </tbody>
  448.                                                 </table>
  449.                                             </div>
  450.                                         </div>
  451.                                     </div>
  452.                                 </div>
  453.                             </div>
  454.                             <!-- ROW CLOSED -->
  455. {% endblock %}
  457. {% block javascripts %}
  458.    {{parent()}} 
  459.         <!-- INTERNAL SELECT2 JS -->
  460.         <script src="{{absolute_url(asset('build/plugins/select2/select2.full.min.js'))}}"></script>
  461.         
  462.         <!-- INTERNAL Data tables js-->
  463.         <script src="{{absolute_url(asset('build/plugins/datatable/js/jquery.dataTables.min.js'))}}"></script>
  464.         <script src="{{absolute_url(asset('build/plugins/datatable/js/dataTables.bootstrap5.js'))}}"></script>
  465.         <script src="{{absolute_url(asset('build/plugins/datatable/dataTables.responsive.min.js'))}}"></script>
  466.         
  467.         <!-- USERLIST JS-->
  468.          {{ encore_entry_script_tags('js/userlist') }}
  469. {% endblock %}