templates/home/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {# {% block title %}Hello HomeController!{% endblock %} #}
  6. {% block body %}
  7.                         <!-- PAGE-HEADER -->
  8.                         <div class="page-header">
  9.                             <div>
  10.                                 <h1 class="page-title">Dashboard</h1>
  11.                             </div>
  12.                             <div class="ms-auto pageheader-btn">
  13.                                 <ol class="breadcrumb">
  14.                                     <li class="breadcrumb-item"><a href="javascript:void(0);">Home</a></li>
  15.                                     <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
  16.                                 </ol>
  17.                             </div>
  18.                         </div>
  19.                         <!-- PAGE-HEADER END -->
  21.                         <!-- ROW-1 -->
  22.                         <div class="row">
  23.                             <div class="col-lg-6 col-sm-12 col-md-6 col-xl-3">
  24.                                 <div class="card overflow-hidden">
  25.                                     <div class="card-body">
  26.                                         <div class="row">
  27.                                             <div class="col">
  28.                                                 <h3 class="mb-2 fw-semibold">1,12,324</h3>
  29.                                                 <p class="text-muted fs-13 mb-0">Daily Visitors</p>
  30.                                                 <p class="text-muted mb-0 mt-2 fs-12">
  31.                                                     <span class="icn-box text-success fw-semibold fs-13 me-1">
  32.                                                         <i class='fa fa-long-arrow-up'></i>
  33.                                                         42%</span>
  34.                                                     since last month
  35.                                                 </p>
  36.                                             </div>
  37.                                             <div class="col col-auto top-icn dash">
  38.                                                 <div class="counter-icon bg-primary dash ms-auto box-shadow-primary">
  39.                                                     <svg xmlns="http://www.w3.org/2000/svg" class="fill-white" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M12,8c-2.2091675,0-4,1.7908325-4,4s1.7908325,4,4,4c2.208252-0.0021973,3.9978027-1.791748,4-4C16,9.7908325,14.2091675,8,12,8z M12,15c-1.6568604,0-3-1.3431396-3-3s1.3431396-3,3-3c1.6561279,0.0018311,2.9981689,1.3438721,3,3C15,13.6568604,13.6568604,15,12,15z M21.960022,11.8046875C19.9189453,6.9902344,16.1025391,4,12,4s-7.9189453,2.9902344-9.960022,7.8046875c-0.0537109,0.1246948-0.0537109,0.2659302,0,0.390625C4.0810547,17.0097656,7.8974609,20,12,20s7.9190063-2.9902344,9.960022-7.8046875C22.0137329,12.0706177,22.0137329,11.9293823,21.960022,11.8046875z M12,19c-3.6396484,0-7.0556641-2.6767578-8.9550781-7C4.9443359,7.6767578,8.3603516,5,12,5s7.0556641,2.6767578,8.9550781,7C19.0556641,16.3232422,15.6396484,19,12,19z"/></svg>
  40.                                                 </div>
  41.                                             </div>
  42.                                         </div>
  43.                                     </div>
  44.                                 </div>
  45.                             </div>
  46.                             <div class="col-lg-6 col-sm-12 col-md-6 col-xl-3">
  47.                                 <div class="card overflow-hidden">
  48.                                     <div class="card-body">
  49.                                         <div class="row">
  50.                                             <div class="col">
  51.                                                 <h3 class="mb-2 fw-semibold">12,563</h3>
  52.                                                 <p class="text-muted fs-13 mb-0">Total Orders</p>
  53.                                                 <p class="text-muted mb-0 mt-2 fs-12">
  54.                                                     <span class="icn-box text-danger fw-semibold fs-13 me-1">
  55.                                                         <i class='fa fa-long-arrow-down'></i>
  56.                                                         12%</span>
  57.                                                     since last month
  58.                                                 </p>
  59.                                             </div>
  60.                                             <div class="col col-auto top-icn dash">
  61.                                                 <div class="counter-icon bg-secondary dash ms-auto box-shadow-secondary">
  62.                                                     <svg xmlns="http://www.w3.org/2000/svg" class="fill-white" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M19.5,7H16V5.9169922c0-2.2091064-1.7908325-4-4-4s-4,1.7908936-4,4V7H4.5C4.4998169,7,4.4996338,7,4.4993896,7C4.2234497,7.0001831,3.9998169,7.223999,4,7.5V19c0.0018311,1.6561279,1.3438721,2.9981689,3,3h10c1.6561279-0.0018311,2.9981689-1.3438721,3-3V7.5c0-0.0001831,0-0.0003662,0-0.0006104C19.9998169,7.2234497,19.776001,6.9998169,19.5,7z M9,5.9169922c0-1.6568604,1.3431396-3,3-3s3,1.3431396,3,3V7H9V5.9169922z M19,19c-0.0014038,1.1040039-0.8959961,1.9985962-2,2H7c-1.1040039-0.0014038-1.9985962-0.8959961-2-2V8h3v2.5C8,10.776123,8.223877,11,8.5,11S9,10.776123,9,10.5V8h6v2.5c0,0.0001831,0,0.0003662,0,0.0005493C15.0001831,10.7765503,15.223999,11.0001831,15.5,11c0.0001831,0,0.0003662,0,0.0006104,0C15.7765503,10.9998169,16.0001831,10.776001,16,10.5V8h3V19z"/></svg>
  63.                                                 </div>
  64.                                             </div>
  65.                                         </div>
  66.                                     </div>
  67.                                 </div>
  68.                             </div>
  69.                             <div class="col-lg-6 col-sm-12 col-md-6 col-xl-3">
  70.                                 <div class="card overflow-hidden">
  71.                                     <div class="card-body">
  72.                                         <div class="row">
  73.                                             <div class="col">
  74.                                                 <h3 class="mb-2 fw-semibold">$5,178</h3>
  75.                                                 <p class="text-muted fs-13 mb-0">Conversion Rate</p>
  76.                                                 <p class="text-muted mb-0 mt-2 fs-12">
  77.                                                     <span class="icn-box text-success fw-semibold fs-13 me-1">
  78.                                                         <i class='fa fa-long-arrow-up'></i>
  79.                                                         27%</span>
  80.                                                     since last month
  81.                                                 </p>
  82.                                             </div>
  83.                                             <div class="col col-auto top-icn dash">
  84.                                                 <div class="counter-icon bg-info dash ms-auto box-shadow-info">
  85.                                                     <svg xmlns="http://www.w3.org/2000/svg" class="fill-white" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M7.5,12C7.223877,12,7,12.223877,7,12.5v5.0005493C7.0001831,17.7765503,7.223999,18.0001831,7.5,18h0.0006104C7.7765503,17.9998169,8.0001831,17.776001,8,17.5v-5C8,12.223877,7.776123,12,7.5,12z M19,2H5C3.3438721,2.0018311,2.0018311,3.3438721,2,5v14c0.0018311,1.6561279,1.3438721,2.9981689,3,3h14c1.6561279-0.0018311,2.9981689-1.3438721,3-3V5C21.9981689,3.3438721,20.6561279,2.0018311,19,2z M21,19c-0.0014038,1.1040039-0.8959961,1.9985962-2,2H5c-1.1040039-0.0014038-1.9985962-0.8959961-2-2V5c0.0014038-1.1040039,0.8959961-1.9985962,2-2h14c1.1040039,0.0014038,1.9985962,0.8959961,2,2V19z M12,6c-0.276123,0-0.5,0.223877-0.5,0.5v11.0005493C11.5001831,17.7765503,11.723999,18.0001831,12,18h0.0006104c0.2759399-0.0001831,0.4995728-0.223999,0.4993896-0.5v-11C12.5,6.223877,12.276123,6,12,6z M16.5,10c-0.276123,0-0.5,0.223877-0.5,0.5v7.0005493C16.0001831,17.7765503,16.223999,18.0001831,16.5,18h0.0006104C16.7765503,17.9998169,17.0001831,17.776001,17,17.5v-7C17,10.223877,16.776123,10,16.5,10z"/></svg>
  86.                                                 </div>
  87.                                             </div>
  88.                                         </div>
  89.                                     </div>
  90.                                 </div>
  91.                             </div>
  92.                             <div class="col-lg-6 col-sm-12 col-md-6 col-xl-3">
  93.                                 <div class="card overflow-hidden">
  94.                                     <div class="card-body">
  95.                                         <div class="row">
  96.                                             <div class="col">
  97.                                                 <h3 class="mb-2 fw-semibold">$43,987</h3>
  98.                                                 <p class="text-muted fs-13 mb-0">Avg Orders</p>
  99.                                                 <p class="text-muted mb-0 mt-2 fs-12">
  100.                                                     <span class="icn-box text-success fw-semibold fs-13 me-1">
  101.                                                         <i class='fa fa-long-arrow-up'></i>
  102.                                                         9%</span>
  103.                                                     since last month
  104.                                                 </p>
  105.                                             </div>
  106.                                             <div class="col col-auto top-icn dash">
  107.                                                 <div class="counter-icon bg-warning dash ms-auto box-shadow-warning">
  108.                                                     <svg xmlns="http://www.w3.org/2000/svg" class="fill-white" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M9,10h2.5c0.276123,0,0.5-0.223877,0.5-0.5S11.776123,9,11.5,9H10V8c0-0.276123-0.223877-0.5-0.5-0.5S9,7.723877,9,8v1c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2h1c0.5523071,0,1,0.4476929,1,1s-0.4476929,1-1,1H7.5C7.223877,15,7,15.223877,7,15.5S7.223877,16,7.5,16H9v1.0005493C9.0001831,17.2765503,9.223999,17.5001831,9.5,17.5h0.0006104C9.7765503,17.4998169,10.0001831,17.276001,10,17v-1c1.1045532,0,2-0.8954468,2-2s-0.8954468-2-2-2H9c-0.5523071,0-1-0.4476929-1-1S8.4476929,10,9,10z M21.5,12H17V2.5c0.000061-0.0875244-0.0228882-0.1735229-0.0665283-0.2493896c-0.1375732-0.2393188-0.4431152-0.3217773-0.6824951-0.1842041l-3.2460327,1.8603516L9.7481079,2.0654297c-0.1536865-0.0878906-0.3424072-0.0878906-0.4960938,0l-3.256897,1.8613281L2.7490234,2.0664062C2.6731567,2.0227661,2.5871582,1.9998779,2.4996338,1.9998779C2.2235718,2.000061,1.9998779,2.223938,2,2.5v17c0.0012817,1.380188,1.119812,2.4987183,2.5,2.5H19c1.6561279-0.0018311,2.9981689-1.3438721,3-3v-6.5006104C21.9998169,12.2234497,21.776001,11.9998169,21.5,12z M4.5,21c-0.828064-0.0009155-1.4990845-0.671936-1.5-1.5V3.3623047l2.7412109,1.5712891c0.1575928,0.0872192,0.348877,0.0875854,0.5068359,0.0009766L9.5,3.0761719l3.2519531,1.8583984c0.157959,0.0866089,0.3492432,0.0862427,0.5068359-0.0009766L16,3.3623047V19c0.0008545,0.7719116,0.3010864,1.4684448,0.7803345,2H4.5z M21,19c0,1.1045532-0.8954468,2-2,2s-2-0.8954468-2-2v-6h4V19z"/></svg>
  109.                                                 </div>
  110.                                             </div>
  111.                                         </div>
  112.                                     </div>
  113.                                 </div>
  114.                             </div>
  115.                         </div>
  116.                         <!-- ROW-1 END-->
  118.                         <!-- ROW-2 -->
  119.                         <div class="row">
  120.                             <div class="col-sm-12 col-md-12 col-xl-4 col-lg-6">
  121.                                 <div class="row">
  122.                                     <div class="col-lg-12 col-xl-12 col-md-6 col-sm-12">
  123.                                         <div class="card">
  124.                                             <div class="card-body pb-2">
  125.                                                 <div class="title-head mb-3">
  126.                                                     <h3 class="mb-5 card-title">Revenue By channel</h3>
  127.                                                     <div class="storage-percent">
  128.                                                         <div class="progress fileprogress h-auto ps-0 shadow1">
  129.                                                             <span class="progress-bar progress-bar-xs wd-15p received" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></span>
  130.                                                             <span class="progress-bar progress-bar-xs wd-15p download" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></span>
  131.                                                             <span class="progress-bar progress-bar-xs wd-15p shared" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></span>
  132.                                                             <span class="progress-bar progress-bar-xs wd-15p my-images" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></span>
  133.                                                         </div>
  134.                                                         <div class="remaining-storage">
  135.                                                             <div class="text-muted fs-13 mb-1 mt-3">Total Revenue Earned</div>
  136.                                                             <div class="fw-semibold fs-14 mb-1 mt-3">$345,3467.72</div>
  137.                                                         </div>
  138.                                                     </div>
  139.                                                 </div>
  140.                                                 <div class="content-main mt-5">
  141.                                                     <ul class="task-list1 row mx-auto">
  142.                                                         <li class="col-xl-6">
  143.                                                             <span class="mb-0 fs-13 me-1"><i class="task-icon1 bg-primary me-3"></i>Direct</span>
  144.                                                             <span class="text-success fw-semibold fs-12">
  145.                                                                 <span class="mx-1"><i class="fa fa-caret-up"></i></span>
  146.                                                                 <span class="">(42.34%)</span>
  147.                                                             </span>
  148.                                                         </li>
  149.                                                         <li class="col-xl-6">
  150.                                                             <span class="mb-0 fs-13 me-1"><i class="task-icon1 bg-secondary"></i>Referral</span>
  151.                                                             <span class="text-danger fw-semibold fs-12">
  152.                                                                 <span class="mx-1"><i class="fa fa-caret-down"></i></span>
  153.                                                                 <span class="">(13%)</span>
  154.                                                             </span>
  155.                                                         </li>
  156.                                                         <li class="col-xl-6">
  157.                                                             <span class="mb-0 fs-13 me-1"><i class="task-icon1 bg-custom-yellow"></i>Social</span>
  158.                                                             <span class="text-success fw-semibold fs-12">
  159.                                                                 <span class="mx-1"><i class="fa fa-caret-up"></i></span>
  160.                                                                 <span class="">(62%)</span>
  161.                                                             </span>
  162.                                                         </li>
  163.                                                         <li class="col-xl-6 mb-xl-0">
  164.                                                             <span class="mb-0 fs-13 me-1"><i class="task-icon1 bg-teritary"></i>Organic Search</span>
  165.                                                             <span class="text-success fw-semibold fs-12">
  166.                                                                 <span class="mx-1"><i class="fa fa-caret-up"></i></span>
  167.                                                                 <span class="">(22.46%)</span>
  168.                                                             </span>
  169.                                                         </li>
  170.                                                     </ul>
  171.                                                 </div>
  172.                                             </div>
  173.                                         </div>
  174.                                     </div>
  175.                                     <div class="col-xl-12 col-lg-12 col-md-6 col-sm-12">
  176.                                         <div class="card overflow-hidden">
  177.                                             <div class="card-header border-bottom">
  178.                                                 <h4 class="card-title fw-semibold">Latest Transactions</h4>
  179.                                                 <a href="#" class="ms-auto">View All</a>
  180.                                             </div>
  181.                                             <div class="card-body p-0 customers mt-1">
  182.                                                 <div class="list-group py-1">
  183.                                                     <a href="javascript:void(0);" class="border-0">
  184.                                                         <div class="list-group-item border-0">
  185.                                                             <div class="media mt-0 align-items-center">
  186.                                                                 <div class="transaction-icon"><i class="fe fe-chevrons-right"></i>
  187.                                                                 </div>
  188.                                                                 <div class="media-body">
  189.                                                                     <div class="d-flex align-items-center">
  190.                                                                         <div class="mt-0">
  191.                                                                             <h5 class="mb-1 fs-13 fw-normal text-dark">To Bel Bcron Bank<span class="fs-13 fw-semibold ms-1">Savings Section</span></h5>
  192.                                                                             <p class="mb-0 fs-12 text-muted">Transfer 4.53pm</p>
  193.                                                                         </div>
  194.                                                                         <span class="ms-auto fs-13">
  195.                                                                             <span class="float-end text-dark">-$2,543</span>
  196.                                                                         </span>
  197.                                                                     </div>
  198.                                                                 </div>
  199.                                                             </div>
  200.                                                         </div>
  201.                                                     </a>
  202.                                                     <a href="javascript:void(0);" class="border-0">
  203.                                                         <div class="list-group-item border-0">
  204.                                                             <div class="media mt-0 align-items-center">
  205.                                                                 <div class="transaction-icon">
  206.                                                                     <i class="fe fe-briefcase"></i>
  207.                                                                 </div>
  208.                                                                 <div class="media-body">
  209.                                                                     <div class="d-flex align-items-center">
  210.                                                                         <div class="mt-0">
  211.                                                                             <h5 class="mb-1 fs-13 fw-normal text-dark">Payment For <span class="fs-13 fw-semibold ms-1">Day Job</span></h5>
  212.                                                                             <p class="mb-0 fs-12 text-muted">Received 2.45pm</p>
  213.                                                                         </div>
  214.                                                                         <span class="ms-auto fs-13">
  215.                                                                             <span class="float-end text-dark">+$32,543</span>
  216.                                                                         </span>
  217.                                                                     </div>
  218.                                                                 </div>
  219.                                                             </div>
  220.                                                         </div>
  221.                                                     </a>
  222.                                                     <a href="javascript:void(0);" class="border-0">
  223.                                                         <div class="list-group-item border-0">
  224.                                                             <div class="media mt-0 align-items-center">
  225.                                                                 <div class="transaction-icon"><i class="fe fe-dollar-sign"></i>
  226.                                                                 </div>
  227.                                                                 <div class="media-body">
  228.                                                                     <div class="d-flex align-items-center">
  229.                                                                         <div class="mt-0">
  230.                                                                             <h5 class="mb-1 fs-13 fw-normal text-dark">Bought items from<span class="fs-13 fw-semibold ms-1">Ecommerce site</span></h5>
  231.                                                                             <p class="mb-0 fs-12 text-muted">Payment 8.00am</p>
  232.                                                                         </div>
  233.                                                                         <span class="ms-auto fs-13">
  234.                                                                             <span class="float-end text-dark">-$256</span>
  235.                                                                         </span>
  236.                                                                     </div>
  237.                                                                 </div>
  238.                                                             </div>
  239.                                                         </div>
  240.                                                     </a>
  241.                                                     <a href="javascript:void(0);" class="border-0">
  242.                                                         <div class="list-group-item border-0">
  243.                                                             <div class="media mt-0 align-items-center">
  244.                                                                 <div class="transaction-icon"><i class="fe fe-file-text"></i>
  245.                                                                 </div>
  246.                                                                 <div class="media-body">
  247.                                                                     <div class="d-flex align-items-center">
  248.                                                                         <div class="mt-0">
  249.                                                                             <h5 class="mb-1 fs-13 fw-normal text-dark">Paid Monthly Expenses<span class="fs-13 fw-semibold ms-1">Bills & Loans</span></h5>
  250.                                                                             <p class="mb-0 fs-12 text-muted">Payment 6.43am</p>
  251.                                                                         </div>
  252.                                                                         <span class="ms-auto fs-13">
  253.                                                                             <span class="float-end text-dark">-$1,298</span>
  254.                                                                         </span>
  255.                                                                     </div>
  256.                                                                 </div>
  257.                                                             </div>
  258.                                                         </div>
  259.                                                     </a>
  260.                                                 </div>
  261.                                             </div>
  262.                                         </div>
  263.                                     </div>
  264.                                 </div>
  265.                             </div>
  267.                             <div class="col-sm-12 col-md-12 col-lg-6 col-xl-8">
  268.                                 <div class="card">
  269.                                     <div class="card-header border-bottom">
  270.                                         <h3 class="card-title">Sales</h3>
  271.                                         <div class="ms-auto">
  272.                                             <div class="btn-group p-0 ms-auto">
  273.                                                 <button class="btn btn-primary-light btn-sm disabled" type="button">2021</button>
  274.                                                 <button class="btn btn-primary-light btn-sm" type="button">2022</button>
  275.                                                 <button class="btn btn-primary-light btn-sm disabled" type="button">2023</button>
  276.                                              </div>
  277.                                         </div>
  278.                                     </div>
  279.                                     <div class="card-body">
  280.                                         <div class="sales-stats d-flex">
  281.                                             <div>
  282.                                                 <div class="text-muted fs-13">Total Sales
  283.                                                     <span class="p-2 br-5 text-success"><i class="fe fe-arrow-up-right"></i></span>
  284.                                                 </div>
  285.                                                 <h3 class="fw-semibold">$582,857.97</h3>
  286.                                                 <div><span class="text-success fs-13 me-1">32%</span>Increase Since last Year</div>
  287.                                             </div>
  288.                                         </div>
  289.                                         <div id="chartD"></div>
  290.                                     </div>
  291.                                 </div>
  292.                             </div>
  293.                         </div>
  294.                         <!-- ROW-2 END -->
  296.                         <!-- ROW-3 -->
  297.                         <div class="row">
  298.                             <div class="col-xl-4 col-md-12">
  299.                                 <div class="card">
  300.                                     <div class="card-header border-bottom">
  301.                                         <h4 class="card-title fw-semibold">Daily Activity</h4>
  302.                                     </div>
  303.                                     <div class="card-body pb-0">
  304.                                         <ul class="task-list">
  305.                                             <li>
  306.                                                 <i class="task-icon bg-primary"></i>
  307.                                                 <p class="fw-semibold mb-1 fs-13">New Products Introduced<span class="text-muted fs-12 ms-2 ms-auto float-end">1:43 pm</span></p>
  308.                                                 <p class="text-muted fs-12">Lorem ipsum dolor sit.<a href="#"
  309.                                                         class="fw-semibold ms-1">Product Light Launched</a></p>
  310.                                             </li>
  311.                                             <li>
  312.                                                 <i class="task-icon bg-secondary"></i>
  313.                                                 <p class="fw-semibold mb-1 fs-13">Hermoine Replied<span class="text-muted fs-12 ms-2 float-end">6:12 am</span></p>
  314.                                                 <p class="text-muted fs-12">Hermoine replied to your post on<a href="#"
  315.                                                         class="fw-semibold ms-1"> Detailed Blog</a></p>
  316.                                             </li>
  317.                                             <li>
  318.                                                 <i class="task-icon bg-info"></i>
  319.                                                 <p class="fw-semibold mb-1 fs-13">New Request<span class="text-muted fs-12 ms-2 float-end">11:22 am</span></p>
  320.                                                 <p class="text-muted fs-12">Corner sent you a request<a href="#"
  321.                                                         class="fw-semibold ms-1"> Facebook</a></p>
  322.                                             </li>
  323.                                             <li>
  324.                                                 <i class="task-icon bg-warning"></i>
  325.                                                 <p class="fw-semibold mb-1 fs-13">Task Due<span class="text-muted fs-12 ms-2 float-end">4:32 pm</span></p>
  326.                                                 <p class="text-muted mb-0 fs-12">Task has to be completed <a href="#"
  327.                                                         class="fw-semibold ms-1"> New Project</a></p>
  328.                                             </li>
  329.                                             <li class="mb-2">
  330.                                                 <i class="task-icon bg-primary"></i>
  331.                                                 <p class="fw-semibold mb-1 fs-13">Maggice Liked<span class="text-muted fs-12 ms-2 float-end">5 mins ago</span></p>
  332.                                                 <p class="text-muted mb-0 fs-12">Maggice bruce liked your article <a href="#"
  333.                                                         class="fw-semibold ms-1"> Article on Projects</a></p>
  334.                                             </li>
  335.                                         </ul>
  336.                                     </div>
  337.                                 </div>
  338.                             </div>
  339.                             <div class="col-xl-4 col-md-12">
  340.                                 <div class="card overflow-hidden">
  341.                                     <div class="card-header border-bottom">
  342.                                         <div>
  343.                                             <h3 class="card-title">Timeline</h3>
  344.                                         </div>
  345.                                     </div>
  346.                                     <div class="card-body">
  347.                                         <div class="tl-container">
  348.                                             <div class="tl-blog primary">
  349.                                                 <div class="tl-img rounded-circle bg-primary-transparent">
  350.                                                     <i class="fe fe-user-plus text-primary text-17"></i>
  351.                                                 </div>
  352.                                                 <div class="tl-details d-flex">
  353.                                                     <p>
  354.                                                         <span class="tl-title-main"> Mr White </span>  Started following you
  355.                                                         <span class="d-flex text-muted fs-12">10 Jan 2022</span>
  356.                                                     </p>
  357.                                                     <p class="ms-auto text-13">
  358.                                                         <span class="badge bg-primary text-white">1m</span>
  359.                                                     </p>
  360.                                                 </div>
  361.                                             </div>
  362.                                             <div class="tl-blog secondary">
  363.                                                 <div class="tl-img rounded-circle bg-secondary-transparent">
  364.                                                     <i class="fe fe-message-circle text-secondary text-17"></i>
  365.                                                 </div>
  366.                                                 <div class="tl-details d-flex">
  367.                                                     <p>
  368.                                                         <span class="tl-title-main"> Caroline </span>  1 Commented applied
  369.                                                         <span class="d-flex text-muted fs-12">09 Jan 2022</span>
  370.                                                     </p>
  371.                                                     <p class="ms-auto text-13">
  372.                                                         <span class="badge bg-secondary text-white">2m</span>
  373.                                                     </p>
  374.                                                 </div>
  375.                                             </div>
  376.                                             <div class="tl-blog teritary">
  377.                                                 <div class="tl-img rounded-circle bg-info-transparent">
  378.                                                     <i class="fe fe-clipboard text-info text-17"></i>
  379.                                                 </div>
  380.                                                 <div class="tl-details d-flex">
  381.                                                     <p>
  382.                                                         <span class="tl-title-main"> Juliette </span>  posted a new article
  383.                                                         <span class="d-flex text-muted fs-12">07 Jan 2022</span>
  384.                                                     </p>
  385.                                                     <p class="ms-auto text-13">
  386.                                                         <span class="badge bg-info text-white">3m</span>
  387.                                                     </p>
  388.                                                 </div>
  389.                                             </div>
  390.                                             <div class="tl-blog custom-yellow">
  391.                                                 <div class="tl-img rounded-circle bg-warning-transparent">
  392.                                                     <i class="fe fe-thumbs-up text-warning text-17"></i>
  393.                                                 </div>
  394.                                                 <div class="tl-details d-flex">
  395.                                                     <p>
  396.                                                         <span class="tl-title-main"> Akimov </span>  liked your site
  397.                                                         <span class="d-flex text-muted fs-12">07 Dec 2022</span>
  398.                                                     </p>
  399.                                                     <p class="ms-auto text-13">
  400.                                                         <span class="badge bg-warning text-white">4m</span>
  401.                                                     </p>
  402.                                                 </div>
  403.                                             </div>
  404.                                             <div class="tl-blog primary">
  405.                                                 <div class="tl-img rounded-circle bg-primary-transparent">
  406.                                                     <i class="fe fe-book text-primary text-17"></i>
  407.                                                 </div>
  408.                                                 <div class="tl-details d-flex">
  409.                                                     <p class="mb-0">
  410.                                                         <span class="tl-title-main"> Emilie </span>sent you a feedback
  411.                                                         <span class="d-flex text-muted fs-12">06 Jan 2022</span>
  412.                                                     </p>
  413.                                                     <p class="ms-auto text-13 mb-0">
  414.                                                         <span class="badge bg-orange text-white">5m</span>
  415.                                                     </p>
  416.                                                 </div>
  417.                                             </div>
  418.                                         </div>
  419.                                     </div>
  420.                                 </div>
  421.                             </div>
  422.                             <div class="col-xl-4 col-md-12">
  423.                                 <div class="card overflow-hidden">
  424.                                     <div class="card-header title-submenu border-bottom">
  425.                                         <h3 class="card-title">To-Do List</h3>
  426.                                     </div>
  427.                                     <div class="card-body">
  428.                                         <div class="todo-container">
  429.                                             <div class="todo-blog primary">
  430.                                                 <label class="todo-img">
  431.                                                     <input type="checkbox" class="todo-checkbox" name="todo-checkbox" checked="checked">
  432.                                                     <span class="checkmark"></span>
  433.                                                 </label>
  434.                                                 <div class="todo-details d-flex">
  435.                                                     <p class="mb-0">Design a UI Dashboard for client
  436.                                                         <span class="d-flex text-muted fs-12">3 days remaining</span>
  437.                                                     </p>
  438.                                                     <div class="ms-auto text-13 fw-semibold">
  439.                                                         <a href="javascript:void(0)" class="btn btn-sm btn-outline-light">Edit</a>
  440.                                                     </div>
  441.                                                 </div>
  442.                                             </div>
  443.                                             <div class="todo-blog secondary">
  444.                                                 <label class="todo-img">
  445.                                                     <input type="checkbox" class="todo-checkbox" name="todo-checkbox" checked="checked">
  446.                                                     <span class="checkmark"></span>
  447.                                                 </label>
  448.                                                 <div class="todo-details d-flex">
  449.                                                     <p class="mb-0">Design a UI Dashboard for client
  450.                                                         <span class="d-flex text-muted fs-12">3 days remaining</span>
  451.                                                     </p>
  452.                                                     <div class="ms-auto text-13 fw-semibold">
  453.                                                         <a href="javascript:void(0)" class="btn btn-sm btn-outline-light">Edit</a>
  454.                                                     </div>
  455.                                                 </div>
  456.                                             </div>
  457.                                             <div class="todo-blog teritary">
  458.                                                 <label class="todo-img">
  459.                                                     <input type="checkbox" class="todo-checkbox" name="todo-checkbox">
  460.                                                     <span class="checkmark"></span>
  461.                                                 </label>
  462.                                                 <div class="todo-details d-flex">
  463.                                                     <p class="mb-0">Design a UI Dashboard for client
  464.                                                         <span class="d-flex text-muted fs-12">3 days remaining</span>
  465.                                                     </p>
  466.                                                     <div class="ms-auto text-13 fw-semibold">
  467.                                                         <a href="javascript:void(0)" class="btn btn-sm btn-outline-light">Edit</a>
  468.                                                     </div>
  469.                                                 </div>
  470.                                             </div>
  471.                                             <div class="todo-blog custom-yellow">
  472.                                                 <label class="todo-img">
  473.                                                     <input type="checkbox" class="todo-checkbox" name="todo-checkbox" checked="checked">
  474.                                                     <span class="checkmark"></span>
  475.                                                 </label>
  476.                                                 <div class="todo-details d-flex">
  477.                                                     <p class="mb-0">Design a UI Dashboard for client
  478.                                                         <span class="d-flex text-muted fs-12">3 days remaining</span>
  479.                                                     </p>
  480.                                                     <div class="ms-auto text-13 fw-semibold">
  481.                                                         <a href="javascript:void(0)" class="btn btn-sm btn-outline-light">Edit</a>
  482.                                                     </div>
  483.                                                 </div>
  484.                                             </div>
  485.                                             <div class="todo-blog primary">
  486.                                                 <label class="todo-img">
  487.                                                     <input type="checkbox" class="todo-checkbox" name="todo-checkbox">
  488.                                                     <span class="checkmark"></span>
  489.                                                 </label>
  490.                                                 <div class="todo-details d-flex">
  491.                                                     <p class="mb-0">Design a UI Dashboard for client
  492.                                                         <span class="d-flex text-muted fs-12">3 days remaining</span>
  493.                                                     </p>
  494.                                                     <div class="ms-auto text-13 fw-semibold">
  495.                                                         <a href="javascript:void(0)" class="btn btn-sm btn-outline-light">Edit</a>
  496.                                                     </div>
  497.                                                 </div>
  498.                                             </div>
  499.                                         </div>
  500.                                     </div>
  501.                                 </div>
  502.                             </div>
  503.                         </div>
  504.                         <!-- ROW-3 END -->
  506.                         <!-- ROW-4 -->
  507.                         <div class="row">
  508.                             <div class="col-12 col-sm-12">
  509.                                 <div class="card product-sales-main">
  510.                                     <div class="card-header border-bottom">
  511.                                         <h3 class="card-title mb-0">Task List</h3>
  512.                                     </div>
  513.                                     <div class="card-body">
  514.                                         <div class="table-responsive">
  515.                                             <table id="data-table" class="table text-nowrap mb-0 table-bordered">
  516.                                                 <thead class="table-head">
  517.                                                     <tr>
  518.                                                         <th class="bg-transparent border-bottom-0 wp-15">Assigned To</th>
  519.                                                         <th class="bg-transparent border-bottom-0">Task</th>
  520.                                                         <th class="bg-transparent border-bottom-0">Project</th>
  521.                                                         <th class="bg-transparent border-bottom-0">Due Date</th>
  522.                                                         <th class="bg-transparent border-bottom-0">Status</th>
  523.                                                         <th class="bg-transparent border-bottom-0 no-btn">Action</th>
  524.                                                     </tr>
  525.                                                 </thead>
  526.                                                 <tbody class="table-body">
  527.                                                     <tr>
  528.                                                         <td>
  529.                                                             <div class="d-flex align-items-center">
  530.                                                                 <span class="data-image avatar avatar-md rounded-circle" style="background-image: url(../build/images/users/11.jpg)"></span>
  531.                                                                 <div class="user-details ms-2">
  532.                                                                     <h6 class="mb-0">Skyler Hilda</h6>
  533.                                                                     <span class="text-muted fs-12">member@spruko.com</span>
  534.                                                                 </div>
  535.                                                             </div>
  536.                                                         </td>
  537.                                                         <td class="text-muted fs-14 fw-semibold"><a href="#" class="text-dark" data-bs-target="#Vertically" data-bs-toggle="modal" >Sit sed takimata sanctus invidunt</a></td>
  538.                                                         <td class="text-muted fs-13"><a href="{{ absolute_url(path('app_project_details')) }}" class="text-dark">Noa Dashboard UI</a></td>
  539.                                                         <td class="text-danger fs-14 fw-semibold">31 Oct 21</td>
  540.                                                         <td>
  541.                                                             <div class="form-group mb-0">
  542.                                                                 <ul>
  543.                                                                     <li class="select-status">
  544.                                                                         <select class="form-control select2-status-search" data-placeholder="Select Status">
  545.                                                                             <option value="IP" selected>In Progress</option>
  546.                                                                             <option value="OH">On Hold</option>
  547.                                                                             <option value="CP">Completed</option>
  548.                                                                         </select>
  549.                                                                     </li>
  550.                                                                 </ul>
  551.                                                             </div>
  552.                                                         </td>
  553.                                                         <td>
  554.                                                             <div class="d-flex align-items-stretch">
  555.                                                                 <a class="btn btn-sm btn-outline-primary border me-2" data-bs-toggle="tooltip" data-bs-original-title="Mark As Completed">
  556.                                                                     <svg  xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="20" width="16" viewBox="0 0 24 24"><path d="M15.8085327,8.6464844l-5.6464233,5.6464844l-2.4707031-2.4697266c-0.0023804-0.0023804-0.0047607-0.0047607-0.0072021-0.0071411c-0.1972046-0.1932373-0.5137329-0.1900635-0.7069702,0.0071411c-0.1932983,0.1972656-0.1900635,0.5137939,0.0071411,0.7070312l2.8242188,2.8232422C9.9022217,15.4474487,10.02948,15.5001831,10.1621094,15.5c0.1326294,0.0001221,0.2598267-0.0525513,0.3534546-0.1464844l6-6c0.0023804-0.0023804,0.0047607-0.0046997,0.0071411-0.0071411c0.1932373-0.1972046,0.1900635-0.5137329-0.0071411-0.7069702C16.3183594,8.446106,16.0018311,8.4493408,15.8085327,8.6464844z M12,2C6.4771729,2,2,6.4771729,2,12s4.4771729,10,10,10c5.5201416-0.0064697,9.9935303-4.4798584,10-10C22,6.4771729,17.5228271,2,12,2z M12,21c-4.9705811,0-9-4.0294189-9-9s4.0294189-9,9-9c4.9683228,0.0054321,8.9945679,4.0316772,9,9C21,16.9705811,16.9705811,21,12,21z"/></svg>
  557.                                                                 </a>
  558.                                                                 <a class="btn btn-sm btn-outline-secondary border me-2" data-bs-toggle="tooltip" data-bs-original-title="Delete">
  559.                                                                     <svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 24 24" width="16"><path d="M0 0h24v24H0V0z" fill="none" /><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5l-1-1h-5l-1 1H5v2h14V4h-3.5z" /></svg>
  560.                                                                 </a>
  561.                                                                 <a href="#" class="border br-5 px-2 py-1 d-flex align-items-center justify-content-center" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  562.                                                                 <div class="dropdown-menu dropdown-menu-start">
  563.                                                                     <a class="dropdown-item" href="#"><i class="fe fe-edit-2 me-2"></i> Edit</a>
  564.                                                                     <a class="dropdown-item" href="#"><i class="fe fe-info me-2"></i> Info</a>
  565.                                                                 </div>
  566.                                                             </div>
  567.                                                         </td>
  568.                                                     </tr>
  569.                                                     <tr>
  570.                                                         <td>
  571.                                                             <div class="d-flex align-items-center">
  572.                                                                 <span class="data-image avatar avatar-md rounded-circle" style="background-image: url(../build/images/users/12.jpg)"></span>
  573.                                                                 <div class="user-details ms-2">
  574.                                                                     <h6 class="mb-0">Daniel Obrien</h6>
  575.                                                                     <span class="text-muted fs-12">member@spruko.com</span>
  576.                                                                 </div>
  577.                                                             </div>
  578.                                                         </td>
  579.                                                         <td class="text-muted fs-14 fw-semibold"><a href="#" class="text-dark" data-bs-target="#Vertically" data-bs-toggle="modal" >Diam lorem dolor no lorem.</a></td>
  580.                                                         <td class="text-muted fs-13"><a href="{{ absolute_url(path('app_project_details')) }}" class="text-dark">Noa Dashboard UI</a></td>
  581.                                                         <td class="text-danger fs-14 fw-semibold">01 Nov 21</td>
  582.                                                         <td>
  583.                                                             <div class="form-group mb-0">
  584.                                                                 <ul>
  585.                                                                     <li class="select-status">
  586.                                                                         <select class="form-control select2-status-search" data-placeholder="Select Status">
  587.                                                                             <option value="IP">In Progress</option>
  588.                                                                             <option value="OH" selected>On Hold</option>
  589.                                                                             <option value="CP">Completed</option>
  590.                                                                         </select>
  591.                                                                     </li>
  592.                                                                 </ul>
  593.                                                             </div>
  594.                                                         </td>
  595.                                                         <td>
  596.                                                             <div class="d-flex align-items-stretch">
  597.                                                                 <a class="btn btn-sm btn-outline-primary border me-2" data-bs-toggle="tooltip" data-bs-original-title="Mark As Completed">
  598.                                                                     <svg  xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="20" width="16" viewBox="0 0 24 24"><path d="M15.8085327,8.6464844l-5.6464233,5.6464844l-2.4707031-2.4697266c-0.0023804-0.0023804-0.0047607-0.0047607-0.0072021-0.0071411c-0.1972046-0.1932373-0.5137329-0.1900635-0.7069702,0.0071411c-0.1932983,0.1972656-0.1900635,0.5137939,0.0071411,0.7070312l2.8242188,2.8232422C9.9022217,15.4474487,10.02948,15.5001831,10.1621094,15.5c0.1326294,0.0001221,0.2598267-0.0525513,0.3534546-0.1464844l6-6c0.0023804-0.0023804,0.0047607-0.0046997,0.0071411-0.0071411c0.1932373-0.1972046,0.1900635-0.5137329-0.0071411-0.7069702C16.3183594,8.446106,16.0018311,8.4493408,15.8085327,8.6464844z M12,2C6.4771729,2,2,6.4771729,2,12s4.4771729,10,10,10c5.5201416-0.0064697,9.9935303-4.4798584,10-10C22,6.4771729,17.5228271,2,12,2z M12,21c-4.9705811,0-9-4.0294189-9-9s4.0294189-9,9-9c4.9683228,0.0054321,8.9945679,4.0316772,9,9C21,16.9705811,16.9705811,21,12,21z"/></svg>
  599.                                                                 </a>
  600.                                                                 <a class="btn btn-sm btn-outline-secondary border me-2" data-bs-toggle="tooltip" data-bs-original-title="Delete">
  601.                                                                     <svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 24 24" width="16"><path d="M0 0h24v24H0V0z" fill="none" /><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5l-1-1h-5l-1 1H5v2h14V4h-3.5z" /></svg>
  602.                                                                 </a>
  603.                                                                 <a href="#" class="border br-5 px-2 py-1 d-flex align-items-center justify-content-center" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  604.                                                                 <div class="dropdown-menu dropdown-menu-start">
  605.                                                                     <a class="dropdown-item" href="#"><i class="fe fe-edit-2 me-2"></i> Edit</a>
  606.                                                                     <a class="dropdown-item" href="#"><i class="fe fe-info me-2"></i> Info</a>
  607.                                                                 </div>
  608.                                                             </div>
  609.                                                         </td>
  610.                                                     </tr>
  611.                                                     <tr>
  612.                                                         <td>
  613.                                                             <div class="d-flex align-items-center">
  614.                                                                 <span class="data-image avatar avatar-md rounded-circle" style="background-image: url(../build/images/users/13.jpg)"></span>
  615.                                                                 <div class="user-details ms-2">
  616.                                                                     <h6 class="mb-0">William Turner</h6>
  617.                                                                     <span class="text-muted fs-12">member@spruko.com</span>
  618.                                                                 </div>
  619.                                                             </div>
  620.                                                         </td>
  621.                                                         <td class="text-muted fs-14 fw-semibold"><a href="#" class="text-dark" data-bs-target="#Vertically" data-bs-toggle="modal" >Amet clita sea ut dolor consetetur, elitr.</a></td>
  622.                                                         <td class="text-muted fs-13"><a href="{{ absolute_url(path('app_project_details')) }}" class="text-dark">Noa Dashboard UI</a></td>
  623.                                                         <td class="text-danger fs-14 fw-semibold">08 Nov 21</td>
  624.                                                         <td>
  625.                                                             <div class="form-group mb-0">
  626.                                                                 <ul>
  627.                                                                     <li class="select-status">
  628.                                                                         <select class="form-control select2-status-search" data-placeholder="Select Status">
  629.                                                                             <option value="IP">In Progress</option>
  630.                                                                             <option value="OH" selected>On Hold</option>
  631.                                                                             <option value="CP">Completed</option>
  632.                                                                         </select>
  633.                                                                     </li>
  634.                                                                 </ul>
  635.                                                             </div>
  636.                                                         </td>
  637.                                                         <td>
  638.                                                             <div class="d-flex align-items-stretch">
  639.                                                                 <a class="btn btn-sm btn-outline-primary border me-2" data-bs-toggle="tooltip" data-bs-original-title="Mark As Completed">
  640.                                                                     <svg  xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="20" width="16" viewBox="0 0 24 24"><path d="M15.8085327,8.6464844l-5.6464233,5.6464844l-2.4707031-2.4697266c-0.0023804-0.0023804-0.0047607-0.0047607-0.0072021-0.0071411c-0.1972046-0.1932373-0.5137329-0.1900635-0.7069702,0.0071411c-0.1932983,0.1972656-0.1900635,0.5137939,0.0071411,0.7070312l2.8242188,2.8232422C9.9022217,15.4474487,10.02948,15.5001831,10.1621094,15.5c0.1326294,0.0001221,0.2598267-0.0525513,0.3534546-0.1464844l6-6c0.0023804-0.0023804,0.0047607-0.0046997,0.0071411-0.0071411c0.1932373-0.1972046,0.1900635-0.5137329-0.0071411-0.7069702C16.3183594,8.446106,16.0018311,8.4493408,15.8085327,8.6464844z M12,2C6.4771729,2,2,6.4771729,2,12s4.4771729,10,10,10c5.5201416-0.0064697,9.9935303-4.4798584,10-10C22,6.4771729,17.5228271,2,12,2z M12,21c-4.9705811,0-9-4.0294189-9-9s4.0294189-9,9-9c4.9683228,0.0054321,8.9945679,4.0316772,9,9C21,16.9705811,16.9705811,21,12,21z"/></svg>
  641.                                                                 </a>
  642.                                                                 <a class="btn btn-sm btn-outline-secondary border me-2" data-bs-toggle="tooltip" data-bs-original-title="Delete">
  643.                                                                     <svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 24 24" width="16"><path d="M0 0h24v24H0V0z" fill="none" /><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5l-1-1h-5l-1 1H5v2h14V4h-3.5z" /></svg>
  644.                                                                 </a>
  645.                                                                 <a href="#" class="border br-5 px-2 py-1 d-flex align-items-center justify-content-center" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  646.                                                                 <div class="dropdown-menu dropdown-menu-start">
  647.                                                                     <a class="dropdown-item" href="#"><i class="fe fe-edit-2 me-2"></i> Edit</a>
  648.                                                                     <a class="dropdown-item" href="#"><i class="fe fe-info me-2"></i> Info</a>
  649.                                                                 </div>
  650.                                                             </div>
  651.                                                         </td>
  652.                                                     </tr>
  653.                                                     <tr>
  654.                                                         <td>
  655.                                                             <div class="d-flex align-items-center">
  656.                                                                 <span class="data-image avatar avatar-md rounded-circle" style="background-image: url(../build/images/users/4.jpg)"></span>
  657.                                                                 <div class="user-details ms-2">
  658.                                                                     <h6 class="mb-0">Olena Tyrell</h6>
  659.                                                                     <span class="text-muted fs-12">member@spruko.com</span>
  660.                                                                 </div>
  661.                                                             </div>
  662.                                                         </td>
  663.                                                         <td class="text-muted fs-14 fw-semibold"><a href="#" class="text-dark" data-bs-target="#Vertically" data-bs-toggle="modal" >Est sea erat at kasd.</a></td>
  664.                                                         <td class="text-muted fs-13"><a href="{{ absolute_url(path('app_project_details')) }}" class="text-dark">Noa Dashboard UI</a></td>
  665.                                                         <td class="text-danger fs-14 fw-semibold">04 Nov 21</td>
  666.                                                         <td>
  667.                                                             <div class="form-group mb-0">
  668.                                                                 <ul>
  669.                                                                     <li class="select-status">
  670.                                                                         <select class="form-control select2-status-search" data-placeholder="Select Status">
  671.                                                                             <option value="IP" selected>In Progress</option>
  672.                                                                             <option value="OH">On Hold</option>
  673.                                                                             <option value="CP">Completed</option>
  674.                                                                         </select>
  675.                                                                     </li>
  676.                                                                 </ul>
  677.                                                             </div>
  678.                                                         </td>
  679.                                                         <td>
  680.                                                             <div class="d-flex align-items-stretch">
  681.                                                                 <a class="btn btn-sm btn-outline-primary border me-2" data-bs-toggle="tooltip" data-bs-original-title="Mark As Completed">
  682.                                                                     <svg  xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="20" width="16" viewBox="0 0 24 24"><path d="M15.8085327,8.6464844l-5.6464233,5.6464844l-2.4707031-2.4697266c-0.0023804-0.0023804-0.0047607-0.0047607-0.0072021-0.0071411c-0.1972046-0.1932373-0.5137329-0.1900635-0.7069702,0.0071411c-0.1932983,0.1972656-0.1900635,0.5137939,0.0071411,0.7070312l2.8242188,2.8232422C9.9022217,15.4474487,10.02948,15.5001831,10.1621094,15.5c0.1326294,0.0001221,0.2598267-0.0525513,0.3534546-0.1464844l6-6c0.0023804-0.0023804,0.0047607-0.0046997,0.0071411-0.0071411c0.1932373-0.1972046,0.1900635-0.5137329-0.0071411-0.7069702C16.3183594,8.446106,16.0018311,8.4493408,15.8085327,8.6464844z M12,2C6.4771729,2,2,6.4771729,2,12s4.4771729,10,10,10c5.5201416-0.0064697,9.9935303-4.4798584,10-10C22,6.4771729,17.5228271,2,12,2z M12,21c-4.9705811,0-9-4.0294189-9-9s4.0294189-9,9-9c4.9683228,0.0054321,8.9945679,4.0316772,9,9C21,16.9705811,16.9705811,21,12,21z"/></svg>
  683.                                                                 </a>
  684.                                                                 <a class="btn btn-sm btn-outline-secondary border me-2" data-bs-toggle="tooltip" data-bs-original-title="Delete">
  685.                                                                     <svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 24 24" width="16"><path d="M0 0h24v24H0V0z" fill="none" /><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5l-1-1h-5l-1 1H5v2h14V4h-3.5z" /></svg>
  686.                                                                 </a>
  687.                                                                 <a href="#" class="border br-5 px-2 py-1 d-flex align-items-center justify-content-center" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  688.                                                                 <div class="dropdown-menu dropdown-menu-start">
  689.                                                                     <a class="dropdown-item" href="#"><i class="fe fe-edit-2 me-2"></i> Edit</a>
  690.                                                                     <a class="dropdown-item" href="#"><i class="fe fe-info me-2"></i> Info</a>
  691.                                                                 </div>
  692.                                                             </div>
  693.                                                         </td>
  694.                                                     </tr>
  695.                                                     <tr>
  696.                                                         <td>
  697.                                                             <div class="d-flex align-items-center">
  698.                                                                 <span class="data-image avatar avatar-md rounded-circle" style="background-image: url(../build/images/users/5.jpg)"></span>
  699.                                                                 <div class="user-details ms-2">
  700.                                                                     <h6 class="mb-0">Emilie Benett</h6>
  701.                                                                     <span class="text-muted fs-12">member@spruko.com</span>
  702.                                                                 </div>
  703.                                                             </div>
  704.                                                         </td>
  705.                                                         <td class="text-muted fs-14 fw-semibold"><a href="#" class="text-dark" data-bs-target="#Vertically" data-bs-toggle="modal" >Rebum gubergren at kasd takimata clita.</a></td>
  706.                                                         <td class="text-muted fs-13"><a href="{{ absolute_url(path('app_project_details')) }}" class="text-dark">Noa Dashboard UI</a></td>
  707.                                                         <td class="text-danger fs-14 fw-semibold">29 Oct 21</td>
  708.                                                         <td>
  709.                                                             <div class="form-group mb-0">
  710.                                                                 <ul>
  711.                                                                     <li class="select-status">
  712.                                                                         <select class="form-control select2-status-search" data-placeholder="Select Status">
  713.                                                                             <option value="IP">In Progress</option>
  714.                                                                             <option value="OH">On Hold</option>
  715.                                                                             <option value="CP" selected>Completed</option>
  716.                                                                         </select>
  717.                                                                     </li>
  718.                                                                 </ul>
  719.                                                             </div>
  720.                                                         </td>
  721.                                                         <td>
  722.                                                             <div class="d-flex align-items-stretch">
  723.                                                                 <a class="btn btn-sm btn-outline-primary border me-2" data-bs-toggle="tooltip" data-bs-original-title="Mark As Completed">
  724.                                                                     <svg  xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="20" width="16" viewBox="0 0 24 24"><path d="M15.8085327,8.6464844l-5.6464233,5.6464844l-2.4707031-2.4697266c-0.0023804-0.0023804-0.0047607-0.0047607-0.0072021-0.0071411c-0.1972046-0.1932373-0.5137329-0.1900635-0.7069702,0.0071411c-0.1932983,0.1972656-0.1900635,0.5137939,0.0071411,0.7070312l2.8242188,2.8232422C9.9022217,15.4474487,10.02948,15.5001831,10.1621094,15.5c0.1326294,0.0001221,0.2598267-0.0525513,0.3534546-0.1464844l6-6c0.0023804-0.0023804,0.0047607-0.0046997,0.0071411-0.0071411c0.1932373-0.1972046,0.1900635-0.5137329-0.0071411-0.7069702C16.3183594,8.446106,16.0018311,8.4493408,15.8085327,8.6464844z M12,2C6.4771729,2,2,6.4771729,2,12s4.4771729,10,10,10c5.5201416-0.0064697,9.9935303-4.4798584,10-10C22,6.4771729,17.5228271,2,12,2z M12,21c-4.9705811,0-9-4.0294189-9-9s4.0294189-9,9-9c4.9683228,0.0054321,8.9945679,4.0316772,9,9C21,16.9705811,16.9705811,21,12,21z"/></svg>
  725.                                                                 </a>
  726.                                                                 <a class="btn btn-sm btn-outline-secondary border me-2" data-bs-toggle="tooltip" data-bs-original-title="Delete">
  727.                                                                     <svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 24 24" width="16"><path d="M0 0h24v24H0V0z" fill="none" /><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5l-1-1h-5l-1 1H5v2h14V4h-3.5z" /></svg>
  728.                                                                 </a>
  729.                                                                 <a href="#" class="border br-5 px-2 py-1 d-flex align-items-center justify-content-center" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  730.                                                                 <div class="dropdown-menu dropdown-menu-start">
  731.                                                                     <a class="dropdown-item" href="#"><i class="fe fe-edit-2 me-2"></i> Edit</a>
  732.                                                                     <a class="dropdown-item" href="#"><i class="fe fe-info me-2"></i> Info</a>
  733.                                                                 </div>
  734.                                                             </div>
  735.                                                         </td>
  736.                                                     </tr>
  737.                                                 </tbody>
  738.                                             </table>
  739.                                         </div>
  740.                                     </div>
  741.                                 </div>
  742.                             </div><!-- COL END -->
  743.                         </div>
  744.                         <!-- ROW-4 END -->
  746.                         <!--TASK MODAL-->
  747.                         <div class="modal fade" id="Vertically">
  748.                             <div class="modal-dialog modal-dialog-centered task-view-modal" role="document">
  749.                                 <div class="modal-content modal-content-demo">
  751.                                     <div class="modal-header p-5">
  752.                                         <h4 class="modal-title text-dark">#1. Sit sed takimata sanctus invidunt</h4><button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
  753.                                     </div>
  755.                                     <div class="modal-body">
  756.                                         <div class="row">
  757.                                             <div class="col-md-12 d-flex mb-4">
  758.                                                 <p class="m-0 wp-30 text-muted">Project Name</p>
  759.                                                 <p class="m-0 wp-70 text-dark">Noa Dashboard UI</p>
  760.                                             </div>
  761.                                             <div class="col-md-12 d-flex mb-4">
  762.                                                 <p class="m-0 wp-30 text-muted">Assigned To</p>
  763.                                                 <div class="m-0 wp-70 text-dark d-flex align-items-center">
  764.                                                     <div class="me-2">
  765.                                                         <img alt="User Avatar" class="rounded-circle avatar-sm" src="{{absolute_url(asset('build/images/users/7.jpg'))}}">
  766.                                                     </div>
  767.                                                     <div>
  768.                                                         <p class="mb-1">Daniel Obrien</p>
  769.                                                     </div>
  770.                                                 </div>
  771.                                             </div>
  772.                                             <div class="col-md-12 d-flex mb-4">
  773.                                                 <p class="m-0 wp-30 text-muted">Start Date</p>
  774.                                                 <p class="m-0 wp-70 text-dark">30-10-2021</p>
  775.                                             </div>
  776.                                             <div class="col-md-12 d-flex mb-4">
  777.                                                 <p class="m-0 wp-30 text-muted">Status</p>
  778.                                                 <div class="m-0 wp-70 text-dark">
  779.                                                     <span class="mb-0 mt-1 status-main in-progress">In Progress</span>
  780.                                                 </div>
  781.                                             </div>
  782.                                             <div class="col-md-12 d-flex mb-4">
  783.                                                 <p class="m-0 wp-30 text-muted">End Date</p>
  784.                                                 <p class="m-0 wp-70 text-dark">---</p>
  785.                                             </div>
  786.                                             <div class="col-md-12 d-flex mb-4">
  787.                                                 <p class="m-0 wp-30 text-muted">Description</p>
  788.                                                 <p class="m-0 wp-70 text-dark">Kasd dolore lorem eos stet at, dolor ipsum elitr sea amet amet stet justo, sed.</p>
  789.                                             </div>
  790.                                         </div>
  791.                                     </div>
  793.                                     <div class="modal-footer p-0 border-top-0">
  795.                                         <!-- Tabs -->
  796.                                         <div class="tabs-menu4 w-100">
  797.                                             <nav class="nav border-bottom px-4 d-block d-lg-flex flex-2">
  798.                                                 <a class="nav-link border border-bottom-0 py-1 br-5 mx-1 mx-md-1 active" data-bs-toggle="tab" href="#task-files">
  799.                                                     Files
  800.                                                 </a>
  801.                                                 <a class="nav-link border border-bottom-0 py-1 br-5 mx-1 mx-md-1" data-bs-toggle="tab" href="#task-subtask">
  802.                                                     Sub Task
  803.                                                 </a>
  804.                                                 <a class="nav-link border border-bottom-0 py-1 br-5 mx-1 mx-md-1" data-bs-toggle="tab" href="#task-tracktime">
  805.                                                     Track Time
  806.                                                 </a>
  807.                                                 <a class="nav-link border border-bottom-0 py-1 br-5 mx-1 mx-md-1" data-bs-toggle="tab" href="#task-comments">
  808.                                                     Comments
  809.                                                 </a>
  810.                                             </nav>
  811.                                         </div><!-- /Tabs -->
  813.                                         <div class="tab-content w-100">
  814.                                             <div class="tab-pane active task-files-tab" id="task-files">
  815.                                                 <div class="row">
  816.                                                     <div class="file-upload-text">
  817.                                                         <input type="file" id="task-file-input" multiple>
  818.                                                         <label for="task-file-input" class="text-primary">
  819.                                                             <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn text-primary" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M16,11.5h-3.5V8c0-0.276123-0.223877-0.5-0.5-0.5S11.5,7.723877,11.5,8v3.5H8c-0.276123,0-0.5,0.223877-0.5,0.5s0.223877,0.5,0.5,0.5h3.5v3.5005493C11.5001831,16.2765503,11.723999,16.5001831,12,16.5h0.0006104C12.2765503,16.4998169,12.5001831,16.276001,12.5,16v-3.5H16c0.276123,0,0.5-0.223877,0.5-0.5S16.276123,11.5,16,11.5z M12,2C6.4771729,2,2,6.4771729,2,12s4.4771729,10,10,10c5.5202026-0.0062866,9.9937134-4.4797974,10-10C22,6.4771729,17.5228271,2,12,2z M12,21c-4.9705811,0-9-4.0294189-9-9s4.0294189-9,9-9c4.9682617,0.0056152,8.9943848,4.0317383,9,9C21,16.9705811,16.9705811,21,12,21z"/></svg>
  820.                                                             Upload Files
  821.                                                             <span class="text-muted"></span>
  822.                                                         </label>
  823.                                                         <i class="fa fa-times-circle remove"></i>
  824.                                                     </div>
  825.                                                 </div>
  826.                                                 <div class="row">
  827.                                                     <div class="mt-3">
  828.                                                         <table class="table table-bordered br-7">
  829.                                                             <thead>
  830.                                                                 <tr class="row-first">
  831.                                                                     <th>File Name</th>
  832.                                                                     <th>Date</th>
  833.                                                                     <th>Type</th>
  834.                                                                     <th>Size</th>
  835.                                                                 </tr>
  836.                                                             </thead>
  837.                                                             <tbody>
  838.                                                                 <tr>
  839.                                                                     <td>
  840.                                                                         <div class="recent-files">
  841.                                                                             <svg class="file-manager-icon w-icn me-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#b6dfff" d="M20,8.99969l-7-7H7a3,3,0,0,0-3,3v14a3,3,0,0,0,3,3H17a3,3,0,0,0,3-3Z"/><path fill="#86cbff" d="M20 8.99969H15a2 2 0 0 1-2-2v-5zM19 22a.99974.99974 0 0 1-1-1V19a1 1 0 0 1 2 0v2A.99974.99974 0 0 1 19 22zM19 17a1.03391 1.03391 0 0 1-.71-.29.99108.99108 0 0 1-.21045-1.08984A1.14883 1.14883 0 0 1 18.29 15.29a1.02673 1.02673 0 0 1 .32959-.21.91433.91433 0 0 1 .76025 0 1.03418 1.03418 0 0 1 .33008.21 1.15772 1.15772 0 0 1 .21.33008A.98919.98919 0 0 1 19.71 16.71a1.15384 1.15384 0 0 1-.33008.21A.9994.9994 0 0 1 19 17zM15 18H9a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM15 14H9a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM10 10H9A1 1 0 0 1 9 8h1a1 1 0 0 1 0 2z"/></svg>
  842.                                                                             <span class="mb-1 font-weight-semibold">noa documentation</span>
  843.                                                                         </div>
  844.                                                                     </td>
  845.                                                                     <td>
  846.                                                                         <span class="text-muted modified-date">07/10/21, 03:30</span>
  847.                                                                     </td>
  848.                                                                     <td>
  849.                                                                         <span>doc</span>
  850.                                                                     </td>
  851.                                                                     <td>
  852.                                                                         <span class="text-muted file-size">15kb</span>
  853.                                                                     </td>
  854.                                                                 </tr>
  855.                                                                 <tr>
  856.                                                                     <td>
  857.                                                                         <div class="recent-files">
  858.                                                                             <svg class="file-manager-icon w-icn me-2" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path fill="#f2c8db" d="M14,18H5c-1.65611-0.00181-2.99819-1.34389-3-3V9c0.00181-1.65611,1.34389-2.99819,3-3h9c1.65611,0.00181,2.99819,1.34389,3,3v6C16.99819,16.65611,15.65611,17.99819,14,18z"/><path fill="#eaa4c4" d="M21.89465,7.55359c-0.24683-0.49432-0.8476-0.69495-1.34192-0.44812l-3.56421,1.7821C16.98999,8.92572,16.99994,8.96149,17,9v6c-0.00006,0.03851-0.01001,0.07428-0.01147,0.11243l3.56421,1.7821C20.69165,16.96381,20.84479,16.99994,21,17c0.55212-0.00037,0.99969-0.44788,1-1V8C21.99994,7.84503,21.96387,7.6922,21.89465,7.55359z"/></svg>
  860.                                                                             <span class="mb-1 font-weight-semibold">sample video</span>
  861.                                                                         </div>
  862.                                                                     </td>
  863.                                                                     <td>
  864.                                                                         <span class="text-muted modified-date">07/10/21, 03:30</span>
  865.                                                                     </td>
  866.                                                                     <td>
  867.                                                                         <span>mp4</span>
  868.                                                                     </td>
  869.                                                                     <td>
  870.                                                                         <span class="text-muted file-size">30mb</span>
  871.                                                                     </td>
  872.                                                                 </tr>
  873.                                                                 <tr class="row-last">
  874.                                                                     <td>
  875.                                                                         <div class="recent-files">
  876.                                                                             <svg class="file-manager-icon w-icn me-2"  xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path fill="#c8e4a6" d="M13.5,9C12.67157,9,12,8.32843,12,7.5S12.67157,6,13.5,6S15,6.67157,15,7.5C14.9991,8.32805,14.32805,8.9991,13.5,9z"/><path fill="#add679" d="M19,2H5C3.34515,2.00483,2.00483,3.34515,2,5v8.86l3.88-3.88c1.18747-1.13,3.05253-1.13,4.24,0l2.87139,2.887l0.88752-0.88751c1.17344-1.16662,3.06874-1.16662,4.24218,0L22,15.8584V5C21.99517,3.34515,20.65485,2.00483,19,2z M13.5,9C12.67157,9,12,8.32843,12,7.5S12.67157,6,13.5,6S15,6.67157,15,7.5C14.9991,8.32805,14.32805,8.9991,13.5,9z"/><path fill="#8FBD56" d="M10.12,9.98c-1.18747-1.13-3.05253-1.13-4.24,0L2,13.86V19c0.00484,1.65484,1.34516,2.99516,3,3h14c0.81512-0.00034,1.59497-0.3325,2.16-0.92L10.12,9.98z"/><path fill="#c8e4a6" d="M22,15.8584l-3.87891-3.87891c-1.17345-1.1666-3.06873-1.1666-4.24218,0L12.99139,12.867l8.16425,8.20856C21.69776,20.5208,22.00089,19.77567,22,19V15.8584z"/></svg>
  877.                                                                             <span class="mb-1 font-weight-semibold">sample image</span>
  878.                                                                         </div>
  879.                                                                     </td>
  880.                                                                     <td>
  881.                                                                         <span class="text-muted modified-date">07/10/21, 03:30</span>
  882.                                                                     </td>
  883.                                                                     <td>
  884.                                                                         <span>jpeg</span>
  885.                                                                     </td>
  886.                                                                     <td>
  887.                                                                         <span class="text-muted file-size">15kb</span>
  888.                                                                     </td>
  889.                                                                 </tr>
  890.                                                             </tbody>
  891.                                                         </table>
  892.                                                     </div>
  893.                                                 </div>
  894.                                             </div>
  896.                                             <div class="tab-pane" id="task-subtask">
  897.                                                 <div class="row">
  898.                                                     <div class="col-md-12">
  899.                                                         <div class="d-flex add-task-container">
  900.                                                             <input type="text" class="form-control wp-40 subtask-input" placeholder="Type Task Here..." id="subTaskInput">
  901.                                                             <a href="javascript:void(0)" role="button" class="text-teritary text-center ms-2 me-2" id="addTask">
  902.                                                                 <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn text-teritary" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M16,11.5h-3.5V8c0-0.276123-0.223877-0.5-0.5-0.5S11.5,7.723877,11.5,8v3.5H8c-0.276123,0-0.5,0.223877-0.5,0.5s0.223877,0.5,0.5,0.5h3.5v3.5005493C11.5001831,16.2765503,11.723999,16.5001831,12,16.5h0.0006104C12.2765503,16.4998169,12.5001831,16.276001,12.5,16v-3.5H16c0.276123,0,0.5-0.223877,0.5-0.5S16.276123,11.5,16,11.5z M12,2C6.4771729,2,2,6.4771729,2,12s4.4771729,10,10,10c5.5202026-0.0062866,9.9937134-4.4797974,10-10C22,6.4771729,17.5228271,2,12,2z M12,21c-4.9705811,0-9-4.0294189-9-9s4.0294189-9,9-9c4.9682617,0.0056152,8.9943848,4.0317383,9,9C21,16.9705811,16.9705811,21,12,21z"/></svg>
  903.                                                                 Add
  904.                                                             </a>
  905.                                                             <a href="javascript:void(0)" role="button" class="text-primary text-center ms-2" id="completedAll">
  906.                                                                 <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn text-primary" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M15.8085327,8.6464844l-5.6464233,5.6464844l-2.4707031-2.4697266c-0.0023804-0.0023804-0.0047607-0.0047607-0.0072021-0.0071411c-0.1972046-0.1932373-0.5137329-0.1900635-0.7069702,0.0071411c-0.1932983,0.1972656-0.1900635,0.5137939,0.0071411,0.7070312l2.8242188,2.8232422C9.9022217,15.4474487,10.02948,15.5001831,10.1621094,15.5c0.1326294,0.0001221,0.2598267-0.0525513,0.3534546-0.1464844l6-6c0.0023804-0.0023804,0.0047607-0.0046997,0.0071411-0.0071411c0.1932373-0.1972046,0.1900635-0.5137329-0.0071411-0.7069702C16.3183594,8.446106,16.0018311,8.4493408,15.8085327,8.6464844z M12,2C6.4771729,2,2,6.4771729,2,12s4.4771729,10,10,10c5.5201416-0.0064697,9.9935303-4.4798584,10-10C22,6.4771729,17.5228271,2,12,2z M12,21c-4.9705811,0-9-4.0294189-9-9s4.0294189-9,9-9c4.9683228,0.0054321,8.9945679,4.0316772,9,9C21,16.9705811,16.9705811,21,12,21z"/></svg>
  907.                                                                 Mark All
  908.                                                             </a>
  909.                                                         </div>
  910.                                                         <label for="subTaskInput" class="w-100 d-block text-danger" id="errorNote"></label>
  911.                                                     </div>
  912.                                                 </div>
  913.                                                 <div class="row">
  914.                                                     <div class="col-md-12 mt-3">
  915.                                                         <ul class="sub-list-container">
  916.                                                             <li class="sub-list-item task-completed">
  917.                                                                 <div class="sub-list-main">
  918.                                                                     <div class="check-btn"></div>
  919.                                                                     <span class="sub-list-text text-muted" onclick="taskCompleted(event)">Gubergren vero nonumy vero no.</span>
  920.                                                                 </div>
  921.                                                                 <i class="fe fe-trash delete-main text-muted"></i>
  922.                                                             </li>
  923.                                                             <li class="sub-list-item">
  924.                                                                 <div class="sub-list-main">
  925.                                                                     <div class="check-btn"></div>
  926.                                                                     <span class="sub-list-text text-muted" onclick="taskCompleted(event)">Duo no elitr diam labore sit invidunt. Magna gubergren erat.</span>
  927.                                                                 </div>
  928.                                                                 <i class="fe fe-trash delete-main text-muted"></i>
  929.                                                             </li>
  930.                                                             <li class="sub-list-item">
  931.                                                                 <div class="sub-list-main">
  932.                                                                     <div class="check-btn"></div>
  933.                                                                     <span class="sub-list-text text-muted" onclick="taskCompleted(event)">Consetetur clita diam est eos invidunt. Eirmod magna.</span>
  934.                                                                 </div>
  935.                                                                 <i class="fe fe-trash delete-main text-muted"></i>
  936.                                                             </li>
  937.                                                         </ul>
  938.                                                     </div>
  939.                                                 </div>
  940.                                                 <div class="row">
  941.                                                     <div class="col-md-12 text-end mt-3">
  942.                                                         <a href="javascript:void(0)" role="button" class="text-danger" id="deleteAllTasks">
  943.                                                             <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn text-danger" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M16,11.5h-3.5V8c0-0.276123-0.223877-0.5-0.5-0.5S11.5,7.723877,11.5,8v3.5H8c-0.276123,0-0.5,0.223877-0.5,0.5s0.223877,0.5,0.5,0.5h3.5v3.5005493C11.5001831,16.2765503,11.723999,16.5001831,12,16.5h0.0006104C12.2765503,16.4998169,12.5001831,16.276001,12.5,16v-3.5H16c0.276123,0,0.5-0.223877,0.5-0.5S16.276123,11.5,16,11.5z M12,2C6.4771729,2,2,6.4771729,2,12s4.4771729,10,10,10c5.5202026-0.0062866,9.9937134-4.4797974,10-10C22,6.4771729,17.5228271,2,12,2z M12,21c-4.9705811,0-9-4.0294189-9-9s4.0294189-9,9-9c4.9682617,0.0056152,8.9943848,4.0317383,9,9C21,16.9705811,16.9705811,21,12,21z"/></svg>
  944.                                                             Delete All
  945.                                                         </a>
  946.                                                     </div>
  947.                                                 </div>
  948.                                             </div>
  950.                                             <div class="tab-pane" id="task-tracktime">
  951.                                                 <div class="row">
  952.                                                     <table class="table table-bordered">
  953.                                                         <thead>
  954.                                                             <tr class="row-first">
  955.                                                                 <th class="bg-transparent border-bottom-0">Team Member</th>
  956.                                                                 <th class="bg-transparent border-bottom-0">Start Date & Time</th>
  957.                                                                 <th class="bg-transparent border-bottom-0">End Date & Time</th>
  958.                                                                 <th class="bg-transparent border-bottom-0">Total Time</th>
  959.                                                             </tr>
  960.                                                         </thead>
  961.                                                         <tbody>
  962.                                                             <tr>
  963.                                                                 <td>
  964.                                                                     <div class="d-flex align-items-center">
  965.                                                                         <div class="me-2">
  966.                                                                             <img alt="User Avatar" class="rounded-circle avatar-md" src="{{absolute_url(asset('build/images/users/8.jpg'))}}">
  967.                                                                         </div>
  968.                                                                         <div>
  969.                                                                             <h6 class="mb-1">Skyler Hilda</h6>
  970.                                                                             <span class="text-muted fs-12">member@spruko.com</span>
  971.                                                                         </div>
  972.                                                                     </div>
  973.                                                                 </td>
  974.                                                                 <td class="text-muted fs-13 fw-semibold">31 Oct 21 & 14:56</td>
  975.                                                                 <td class="text-muted fs-13 fw-semibold">01 Nov 21 & 09:35</td>
  976.                                                                 <td class="text-dark fs-13 fw-semibold">Days: 4<br>Hours: 10<br>Minutes: 22</td>
  977.                                                             </tr>
  978.                                                             <tr>
  979.                                                                 <td>
  980.                                                                     <div class="d-flex align-items-center">
  981.                                                                         <div class="me-2">
  982.                                                                             <img alt="User Avatar" class="rounded-circle avatar-md" src="{{absolute_url(asset('build/images/users/2.jpg'))}}">
  983.                                                                         </div>
  984.                                                                         <div>
  985.                                                                             <h6 class="mb-1">Lisa Morgan</h6>
  986.                                                                             <span class="text-muted fs-12">member@spruko.com</span>
  987.                                                                         </div>
  988.                                                                     </div>
  989.                                                                 </td>
  990.                                                                 <td class="text-muted fs-13 fw-semibold">30 Oct 21 & 12:56</td>
  991.                                                                 <td class="text-muted fs-13 fw-semibold">11 Nov 21 & 09:35</td>
  992.                                                                 <td class="text-dark fs-13 fw-semibold">Days: 15<br>Hours: 12<br>Minutes: 52</td>
  993.                                                             </tr>
  994.                                                             <tr>
  995.                                                                 <td>
  996.                                                                     <div class="d-flex align-items-center">
  997.                                                                         <div class="me-2">
  998.                                                                             <img alt="User Avatar" class="rounded-circle avatar-md" src="{{absolute_url(asset('build/images/users/11.jpg'))}}">
  999.                                                                         </div>
  1000.                                                                         <div>
  1001.                                                                             <h6 class="mb-1">Tyler Durder</h6>
  1002.                                                                             <span class="text-muted fs-12">member@spruko.com</span>
  1003.                                                                         </div>
  1004.                                                                     </div>
  1005.                                                                 </td>
  1006.                                                                 <td class="text-muted fs-13 fw-semibold">15 Oct 21 & 15:56</td>
  1007.                                                                 <td class="text-muted fs-13 fw-semibold">01 Nov 21 & 16:40</td>
  1008.                                                                 <td class="text-dark fs-13 fw-semibold">Days: 18<br>Hours: 8<br>Minutes: 52</td>
  1009.                                                             </tr>
  1010.                                                             <tr class="row-last">
  1011.                                                                 <td>
  1012.                                                                     <div class="d-flex align-items-center">
  1013.                                                                         <div class="me-2">
  1014.                                                                             <img alt="User Avatar" class="rounded-circle avatar-lg" src="{{absolute_url(asset('build/images/users/14.jpg'))}}">
  1015.                                                                         </div>
  1016.                                                                         <div>
  1017.                                                                             <h6 class="mb-1">Jorah Randy</h6>
  1018.                                                                             <span class="text-muted fs-12">member@spruko.com</span>
  1019.                                                                         </div>
  1020.                                                                     </div>
  1021.                                                                 </td>
  1022.                                                                 <td class="text-muted fs-13 fw-semibold">18 Oct 21 & 10:30</td>
  1023.                                                                 <td class="text-muted fs-13 fw-semibold">09 Nov 21 & 09:45</td>
  1024.                                                                 <td class="text-dark fs-13 fw-semibold">Days: 22<br>Hours: 10<br>Minutes: 12</td>
  1025.                                                             </tr>
  1026.                                                         </tbody>
  1027.                                                     </table>
  1028.                                                 </div>
  1029.                                             </div>
  1031.                                             <div class="tab-pane" id="task-comments">
  1032.                                                 <div class="row">
  1033.                                                     <div class="mt-5">
  1034.                                                         <div class="media mb-5 overflow-visible">
  1035.                                                             <div class="me-3">
  1036.                                                                 <a href="{{ absolute_url(path('app_profile')) }}"> <img class="media-object rounded-circle thumb-sm" alt="64x64" src="{{absolute_url(asset('build/images/users/5.jpg'))}}"> </a>
  1037.                                                             </div>
  1038.                                                             <div class="media-body overflow-visible">
  1039.                                                                 <div class="border mb-5 p-4 br-5">
  1040.                                                                     <nav class="nav float-end">
  1041.                                                                         <div class="dropdown">
  1042.                                                                             <a class="nav-link text-muted fs-16 p-0 ps-4" href="javascript:;" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  1043.                                                                             <div class="dropdown-menu dropdown-menu-end">
  1044.                                                                                 <a class="dropdown-item" href="#"><i class="fe fe-edit me-1"></i> Edit</a>
  1045.                                                                                 <a class="dropdown-item" href="#"><i class="fe fe-corner-up-left me-1"></i> Reply</a>
  1046.                                                                                 <a class="dropdown-item" href="#"><i class="fe fe-flag me-1"></i> Report Abuse</a>
  1047.                                                                                 <a class="dropdown-item" href="#"><i class="fe fe-trash-2 me-1"></i> Delete</a>
  1048.                                                                             </div>
  1049.                                                                         </div>
  1050.                                                                     </nav>
  1051.                                                                     <h5 class="mt-0">Gavin Murray <span class="text-muted fs-12 ms-1">1 Day ago</span></h5>
  1052.                                                                     <span><i class="fe fe-thumb-up text-danger"></i></span>
  1053.                                                                     <p class="font-13 text-muted">Lorem ipsum dolor sit amet, quis Neque porro quisquam est, nostrud exercitation ullamco laboris commodo consequat. There’s an old maxim that states, “No fun for the writer, no fun for the reader.”No matter
  1054.                                                                         what industry you’re working in, as a blogger, you should live and die by this statement.</p>
  1055.                                                                     <a class="like" href="javascript:;">
  1056.                                                                         <span class="badge btn-danger-light rounded-pill py-2 px-3">
  1057.                                                                             <i class="fe fe-heart me-1"></i>56</span>
  1058.                                                                     </a>
  1059.                                                                     <span class="reply" id="1">
  1060.                                                                         <a href="javascript:;"><span class="badge btn-info-light rounded-pill py-2 px-3"><i class="fe fe-corner-up-left me-1"></i>Reply</span></a>
  1061.                                                                     </span>
  1062.                                                                 </div>
  1063.                                                                 <div class="media mb-5 overflow-visible">
  1064.                                                                     <div class="me-3">
  1065.                                                                         <a href="{{ absolute_url(path('app_profile')) }}"> <img class="media-object rounded-circle thumb-sm" alt="64x64" src="{{absolute_url(asset('build/images/users/2.jpg'))}}"> </a>
  1066.                                                                     </div>
  1067.                                                                     <div class="media-body border p-4 overflow-visible br-5">
  1068.                                                                         <nav class="nav float-end">
  1069.                                                                             <div class="dropdown">
  1070.                                                                                 <a class="nav-link text-muted fs-16 p-0 ps-4" href="javascript:;" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  1071.                                                                                 <div class="dropdown-menu dropdown-menu-end">
  1072.                                                                                     <a class="dropdown-item" href="#"><i class="fe fe-edit me-1"></i> Edit</a>
  1073.                                                                                     <a class="dropdown-item" href="#"><i class="fe fe-corner-up-left me-1"></i> Reply</a>
  1074.                                                                                     <a class="dropdown-item" href="#"><i class="fe fe-flag me-1"></i> Report Abuse</a>
  1075.                                                                                     <a class="dropdown-item" href="#"><i class="fe fe-trash-2 me-1"></i> Delete</a>
  1076.                                                                                 </div>
  1077.                                                                             </div>
  1078.                                                                         </nav>
  1079.                                                                         <h5 class="mt-0">Mozelle Belt <span class="text-muted fs-12 ms-1 bg-normal-light">Reply to Gavin Murray</span><span class="text-muted fs-12 ms-1">2 min ago</span></h5>
  1080.                                                                         <span><i class="fe fe-thumb-up text-danger"></i></span>
  1081.                                                                         <p class="font-13 text-muted">Nostrud exercitation ullamco laboris commodo consequat. There’s an old maxim that states, “No fun for the writer, no fun for the reader.”No matter what industry you’re working in, as a blogger, you should
  1082.                                                                             live and die by this statement.</p>
  1083.                                                                         <a class="like" href="javascript:;"><span class="badge btn-danger-light rounded-pill py-2 px-3"><i class="fe fe-heart me-1"></i>56</span></a>
  1084.                                                                         <span class="reply" id="2">
  1085.                                                                             <a href="javascript:;"><span class="badge btn-info-light rounded-pill py-2 px-3"><i class="fe fe-corner-up-left me-1"></i>Reply</span></a>
  1086.                                                                         </span>
  1087.                                                                     </div>
  1088.                                                                 </div>
  1089.                                                             </div>
  1090.                                                         </div>
  1091.                                                     </div>
  1092.                                                 </div>
  1093.                                             </div>
  1094.                                         </div>
  1095.                                     </div>
  1096.                                 </div>
  1097.                             </div>
  1098.                         </div><!--TASK MODAL ENDS-->
  1101.     
  1103. {% endblock %}
  1105. {% block javascripts %}
  1106.     {{parent()}} 
  1107.            <!-- APEXCHART JS -->
  1108.         <script src="{{absolute_url(asset('build/plugins/apexchart/apexcharts.js'))}}"></script>
  1110.         <!-- INTERNAL SELECT2 JS -->
  1111.         <script src="{{absolute_url(asset('build/plugins/select2/select2.full.min.js'))}}"></script>
  1113.         <!-- CHART-CIRCLE JS-->
  1114.         <script src="{{absolute_url(asset('build/plugins/circle-progress/circle-progress.min.js'))}}"></script>
  1116.         <!-- INTERNAL DATA-TABLES JS-->
  1117.         <script src="{{absolute_url(asset('build/plugins/datatable/js/jquery.dataTables.min.js'))}}"></script>
  1118.         <script src="{{absolute_url(asset('build/plugins/datatable/js/dataTables.bootstrap5.js'))}}"></script>
  1119.         <script src="{{absolute_url(asset('build/plugins/datatable/dataTables.responsive.min.js'))}}"></script>
  1121.         <!-- INDEX JS -->
  1122.         {{ encore_entry_script_tags('js/index1') }}
  1124.         <!-- REPLY JS-->
  1125.         {{ encore_entry_script_tags('js/reply') }}
  1127.         <!-- DATA-TABLE JS -->
  1128.         {{ encore_entry_script_tags('js/data-table') }}
  1129.         
  1130. {% endblock %}