templates/file_manager1/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.                             <!-- PAGE-HEADER -->
  6.                             <div class="page-header">
  7.                                 <div>
  8.                                     <h1 class="page-title">File Manager</h1>
  9.                                 </div>
  10.                                 <div class="ms-auto pageheader-btn">
  11.                                     <ol class="breadcrumb">
  12.                                         <li class="breadcrumb-item">Apps</li>
  13.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">File Manager</a></li>
  14.                                         <li class="breadcrumb-item active" aria-current="page">File Manager</li>
  15.                                     </ol>
  16.                                 </div>
  17.                             </div>
  18.                             <!-- PAGE-HEADER END -->
  20.                             <!-- ROW -->
  21.                             <div class="row">
  22.                                 <div class="col-lg-4 col-xl-3">
  23.                                     <div class="card mb-4">
  24.                                         <div class="card-header border-bottom">
  25.                                             <a class="btn btn-outline-primary btn-block py-2" id="btnCompose" data-bs-target="#Vertically" data-bs-toggle="modal" href="#"><i class="fa fa-plus me-2"></i>Upload Files</a>
  26.                                         </div>
  27.                                         <div class="card-body">
  28.                                             <ul class="nav1 nav-column flex-column br-7 p-3">
  29.                                                 <li class="nav-item1">
  30.                                                     <a class="nav-link thumb" href="#">
  31.                                                         <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn me-2" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M19,2H5C3.3438721,2.0018311,2.0018311,3.3438721,2,5v9.0683594V19c0.0018311,1.6561279,1.3438721,2.9981689,3,3h14c0.182312-0.0002441,0.3621216-0.0219727,0.5395508-0.0549316c0.0661011-0.012085,0.1291504-0.0303345,0.1936646-0.0466919c0.1060181-0.0270996,0.210083-0.0586548,0.3125-0.097229c0.0744629-0.0278931,0.1471558-0.0571289,0.218689-0.0906372c0.0839844-0.0395508,0.1642456-0.0853882,0.2444458-0.1327515c0.0751953-0.0441895,0.1511841-0.0856323,0.2219849-0.1359863c0.0057983-0.0041504,0.0123901-0.006897,0.0181885-0.0111084c0.0074463-0.0053711,0.013855-0.0120239,0.0209961-0.0178223c0.0136719-0.0110474,0.0308228-0.0164795,0.043335-0.0289917c0.0066528-0.0066528,0.008728-0.015564,0.0148926-0.0224609C21.5355225,20.8126221,21.9989624,19.9642944,22,19v-2.9296875V5C21.9981689,3.3438721,20.6561279,2.0018311,19,2z M19.5749512,20.9053955C19.3883667,20.9631958,19.1954956,20.9998779,19,21H5c-1.1040039-0.0014038-1.9985962-0.8959961-2-2v-4.7246094l3.7626953-3.7626953c0.684021-0.6816406,1.7905884-0.6816406,2.4746094,0l3.4048462,3.404541c0.0018921,0.0019531,0.0023804,0.0045776,0.0043335,0.0065308l6.9689941,6.9689941C19.6020508,20.8971558,19.588501,20.9012451,19.5749512,20.9053955z M21,19c-0.0006714,0.5162964-0.2020264,0.9821777-0.5234375,1.3369751l-6.7684326-6.7678223l1.055542-1.055481c0.6912231-0.6621094,1.7814331-0.6621094,2.4726562,0L21,16.2773438V19z M21,14.8632812l-3.0566406-3.0566406c-1.0737305-1.0722656-2.8129883-1.0722656-3.8867188,0l-1.055542,1.055542L9.9443359,9.8056641c-1.0744629-1.0722656-2.814209-1.0722656-3.8886719,0L3,12.8613281V5c0.0014038-1.1040039,0.8959961-1.9985962,2-2h14c1.1040039,0.0014038,1.9985962,0.8959961,2,2V14.8632812z M13.5,6C12.6715698,6,12,6.6715698,12,7.5S12.6715698,9,13.5,9c0.828064-0.0009155,1.4990845-0.671936,1.5-1.5C15,6.6715698,14.3284302,6,13.5,6z M13.5,8C13.223877,8,13,7.776123,13,7.5S13.223877,7,13.5,7c0.2759399,0.0005493,0.4994507,0.2240601,0.5,0.5C14,7.776123,13.776123,8,13.5,8z"/></svg>
  32.                                                         Images
  33.                                                     </a>
  34.                                                 </li>
  35.                                                 <li class="nav-item1">
  36.                                                     <a class="nav-link thumb" href="#">
  37.                                                         <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn me-2" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M21.9941406,2.4235229c-0.0421753-0.2728271-0.2974854-0.4598389-0.5703125-0.4176636l-14,2.1640625C7.1799316,4.2074585,6.999939,4.4172974,7,4.6640625v12.102417C6.4608154,16.2838745,5.7540894,16,4.9998169,15.999939c-1.6571655-0.0002441-3.0007324,1.3429565-3.0009155,3.0001221c-0.0002441,1.6571655,1.3429565,3.0007324,3.0001221,3.0009155c0.3837891-0.0005493,0.763916-0.074707,1.119873-0.2183838c1.1633301-0.4695435,1.8695679-1.5849609,1.8778076-2.7662354C7.9968872,19.0106201,8,19.0057983,8,19v-7.500061c0.0255127-0.000061,0.0509033-0.0020142,0.0761719-0.0057983L21,9.5058594v5.2727051C20.4683838,14.2996826,19.7718506,14,19,14c-1.6568604,0-3,1.3431396-3,3s1.3431396,3,3,3c1.6561279-0.0018311,2.9981689-1.3438721,3-3V2.5C22,2.4744263,21.9980469,2.4488525,21.9941406,2.4235229z M5.0029907,21c-1.1048584,0.0018921-2.0020752-0.8922119-2.0039673-1.9970703s0.8922119-2.0020142,1.9970703-2.0039062c0.8154297,0.0001831,1.5496216,0.4938354,1.8574219,1.2489624C6.9498291,18.4856567,6.9995728,18.739624,7,18.9960327C7.0018921,20.1008911,6.1077881,20.9981079,5.0029907,21z M19,19c-1.1045532,0-2-0.8954468-2-2s0.8954468-2,2-2c1.1040039,0.0014038,1.9985962,0.8959961,2,2C21,18.1045532,20.1045532,19,19,19z M21,8.508667c-0.0256958,0.0001831-0.0500488-0.0070801-0.0761719-0.0028076L8,10.4941406V5.0927734l13-2.0097656V8.508667z"/></svg>
  38.                                                         Music
  39.                                                     </a>
  40.                                                 </li>
  41.                                                 <li class="nav-item1">
  42.                                                     <a class="nav-link thumb" href="#">
  43.                                                         <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn me-2" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M21.9470215,7.2755737c-0.1236572-0.2467041-0.4238892-0.3464966-0.6706543-0.2228394L17,9.190918V9c-0.0018311-1.6561279-1.3438721-2.9981689-3-3H5C3.3438721,6.0018311,2.0018311,7.3438721,2,9v6c0.0018311,1.6561279,1.3438721,2.9981689,3,3h9c1.6561279-0.0018311,2.9981689-1.3438721,3-3v-0.190918l4.2763672,2.1381836C21.3458252,16.9819336,21.4223633,16.999939,21.5,17c0.0005493,0,0.0010376,0,0.0015869,0C21.7772827,16.9995728,22.0004272,16.7756958,22,16.5v-9C22.000061,7.4221191,21.9819336,7.3452148,21.9470215,7.2755737z M16,10v4v1c-0.0014038,1.1040039-0.8959961,1.9985962-2,2H5c-1.1040039-0.0014038-1.9985962-0.8959961-2-2V9c0.0014038-1.1040039,0.8959961-1.9985962,2-2h9c1.1040039,0.0014038,1.9985962,0.8959961,2,2V10z M21,15.6914062l-4-2v-3.3828125l4-2V15.6914062z"/></svg>
  44.                                                         Videos
  45.                                                     </a>
  46.                                                 </li>
  47.                                                 <li class="nav-item1">
  48.                                                     <a class="nav-link thumb" href="#">
  49.                                                         <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn me-2" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M16,2H8C6.3438721,2.0018311,5.0018311,3.3438721,5,5v14c0.0018311,1.6561279,1.3438721,2.9981689,3,3h8c1.6561279-0.0018311,2.9981689-1.3438721,3-3V5C18.9981689,3.3438721,17.6561279,2.0018311,16,2z M18,19c-0.0014038,1.1040039-0.8959961,1.9985962-2,2H8c-1.1040039-0.0014038-1.9985962-0.8959961-2-2V5c0.0014038-1.1040039,0.8959961-1.9985962,2-2h8c1.1040039,0.0014038,1.9985962,0.8959961,2,2V19z M12,15.5c-0.8284302,0-1.5,0.6715698-1.5,1.5s0.6715698,1.5,1.5,1.5c0.828064-0.0009155,1.4990845-0.671936,1.5-1.5C13.5,16.1715698,12.8284302,15.5,12,15.5z M12,17.5c-0.276123,0-0.5-0.223877-0.5-0.5s0.223877-0.5,0.5-0.5c0.2759399,0.0005493,0.4994507,0.2240601,0.5,0.5C12.5,17.276123,12.276123,17.5,12,17.5z"/></svg>
  50.                                                         APKS
  51.                                                     </a>
  52.                                                 </li>
  53.                                                 <li class="nav-item1">
  54.                                                     <a class="nav-link thumb" href="#">
  55.                                                         <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn me-2" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M11.6464844,14.8535156C11.7401123,14.9474487,11.8673706,15.0001831,12,15c0.1326294,0.0001221,0.2598267-0.0525513,0.3534546-0.1464844l4.5-4.5c0.1871948-0.1937866,0.1871948-0.5009766,0-0.6947632c-0.1918335-0.1986084-0.5083618-0.2041016-0.7069702-0.0122681L12.5,13.2930298V2.5C12.5,2.223877,12.276123,2,12,2s-0.5,0.223877-0.5,0.5v10.7930298L7.8534546,9.6465454c-0.1937256-0.1871338-0.5009155-0.1871338-0.6947021,0c-0.1986084,0.1918335-0.2041016,0.5083618-0.0122681,0.7069702L11.6464844,14.8535156z M21.5,14c-0.276123,0-0.5,0.223877-0.5,0.5v5c-0.0009155,0.828064-0.671936,1.4990845-1.5,1.5h-15c-0.828064-0.0009155-1.4990845-0.671936-1.5-1.5v-5C3,14.223877,2.776123,14,2.5,14S2,14.223877,2,14.5v5c0.0012817,1.380188,1.119812,2.4987183,2.5,2.5h15c1.380188-0.0012817,2.4987183-1.119812,2.5-2.5v-5C22,14.223877,21.776123,14,21.5,14z"/></svg>
  56.                                                         Downloads
  57.                                                     </a>
  58.                                                 </li>
  59.                                                 <li class="nav-item1">
  60.                                                     <a class="nav-link thumb" href="#">
  61.                                                         <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn me-2" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M20.2246094,4.5693359C17.9908447,2.3260498,14.4058838,2.1826172,12,4.2402344C9.5941162,2.1826172,6.0091553,2.3260498,3.7753906,4.5693359c-2.3632812,2.3798218-2.3632812,6.2207642,0,8.6005859l7.8701172,7.8955078c0.09375,0.0944824,0.2213745,0.147583,0.3544922,0.1474609c0.1331177,0.0001221,0.2607422-0.0529785,0.3544922-0.1474609l7.8701172-7.8955078C22.5878906,10.7901001,22.5878906,6.9491577,20.2246094,4.5693359z M19.515625,12.4649048L12,20.0048828l-7.515625-7.5400391c-1.9755859-1.9897461-1.9755859-5.2007446,0-7.1904297C5.430603,4.319458,6.7201538,3.7837524,8.0644531,3.7871094c1.3446655-0.00354,2.6345825,0.5322266,3.5810547,1.4873657c0.1983643,0.1894531,0.5106201,0.1894531,0.7089844,0c0.0047607-0.0047607,0.0094604-0.0095215,0.0142212-0.0142822c1.9775391-1.9696045,5.1773071-1.9632568,7.1469116,0.0142822C21.4912109,7.2641602,21.4912109,10.4751587,19.515625,12.4649048z"/></svg>
  62.                                                         Favourites
  63.                                                     </a>
  64.                                                 </li>
  65.                                                 <li class="nav-item1">
  66.                                                     <a class="nav-link thumb" href="#">
  67.                                                         <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn me-2" 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>
  68.                                                         Hidden FIles
  69.                                                     </a>
  70.                                                 </li>
  71.                                                 <li class="nav-item1">
  72.                                                     <a class="nav-link thumb" href="#">
  73.                                                         <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn me-2" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M7.8535156,7.3535156L11.5,3.7069702v10.7935791C11.5001831,14.7765503,11.723999,15.0001831,12,15h0.0006104c0.2759399-0.0001831,0.4995728-0.223999,0.4993896-0.5V3.7069702l3.6464844,3.6465454C16.2401123,7.4474487,16.3673706,7.5001831,16.5,7.5c0.1325073,0,0.2596436-0.0526733,0.3533936-0.1463623c0.1953125-0.1952515,0.1953735-0.5118408,0.0001221-0.7070923l-4.5-4.5c-0.000061-0.000061-0.000061-0.0001221-0.0001221-0.0001831c-0.1952515-0.1951294-0.5117188-0.1950684-0.7068481,0.0001831l-4.5,4.5c-0.1871948,0.1937256-0.1871948,0.5009155,0,0.6947021C7.3383789,7.539856,7.6549072,7.5453491,7.8535156,7.3535156z M21.5,12c-0.276123,0-0.5,0.223877-0.5,0.5v7c-0.0009155,0.828064-0.671936,1.4990845-1.5,1.5h-15c-0.828064-0.0009155-1.4990845-0.671936-1.5-1.5v-7C3,12.223877,2.776123,12,2.5,12S2,12.223877,2,12.5v7c0.0012817,1.380188,1.119812,2.4987183,2.5,2.5h15c1.380188-0.0012817,2.4987183-1.119812,2.5-2.5v-7C22,12.223877,21.776123,12,21.5,12z"/></svg>
  74.                                                         Transfer files
  75.                                                     </a>
  76.                                                 </li>
  77.                                                 <li class="nav-item1">
  78.                                                     <a class="nav-link thumb" href="#">
  79.                                                         <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn me-2" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M21.7319336,15.1376953c-0.0018921-0.0333252-0.0109253-0.0648193-0.0196533-0.0977173c-0.0087891-0.0328369-0.0167847-0.0644531-0.0317383-0.0942383c-0.0046387-0.0092773-0.0043945-0.0195923-0.0096436-0.0287476L15.5126953,4.25C15.4235229,4.0953369,15.258606,4.000061,15.0800781,4H8.9208984C8.833252,4.000061,8.7471924,4.0231934,8.6712646,4.0670166C8.5995483,4.1083984,8.5473633,4.1674805,8.5056152,4.2327271C8.5006104,4.239502,8.492981,4.2429199,8.4882812,4.25L2.3291016,14.9169922c-0.0898438,0.154541-0.0898438,0.345459,0,0.5L5.4091797,20.75c0.0072021,0.0125122,0.0214233,0.0179443,0.0296021,0.0296631c0.0339355,0.0488281,0.0745239,0.0894775,0.1233521,0.1234741c0.0183716,0.0127563,0.0338135,0.026062,0.0537109,0.0362549C5.6845093,20.9749756,5.7591553,20.999939,5.8417969,21h12.3173828c0.1785278-0.000061,0.3434448-0.0953369,0.4326172-0.25l3.0791016-5.3330078c0.0070801-0.0122681,0.0048828-0.0276489,0.0108643-0.0404663c0.0253296-0.053894,0.0402832-0.109314,0.0452881-0.1686401c0.0012207-0.0140991,0.0108643-0.0262451,0.0108643-0.0404663C21.737915,15.1568604,21.7325439,15.1480713,21.7319336,15.1376953z M14.7910156,5l5.5810547,9.6669922h-5.0029297L9.7871094,5H14.7910156z M14.2144165,14.6669922H9.7861938l2.2139282-3.8348389L14.2144165,14.6669922z M3.3388672,15.1669922L8.9208984,5.5l2.5019531,4.3330078L5.8417969,19.5L3.3388672,15.1669922z M17.8701172,20H6.7080078l2.5020142-4.3330078h11.1621094L17.8701172,20z"/></svg>
  80.                                                         Google Drive
  81.                                                     </a>
  82.                                                 </li>
  83.                                                 <li class="nav-item1">
  84.                                                     <a class="nav-link thumb" href="#">
  85.                                                         <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn me-2" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M19,2H5C3.3438721,2.0018311,2.0018311,3.3438721,2,5v10c0.0018311,1.6561279,1.3438721,2.9981689,3,3h2.6365356l-0.5848389,0.9736328c-0.1871948,0.3120117-0.2855835,0.6692505-0.284668,1.0331421C6.7698364,21.1104126,7.6668091,22.0028076,8.7704468,22h6.460022c0.3610229-0.0005493,0.71521-0.098938,1.0247803-0.284668c0.9460449-0.567627,1.2528076-1.7946777,0.6852417-2.7407227L16.3602295,18H19c1.6561279-0.0018311,2.9981689-1.3438721,3-3V5C21.9981689,3.3438721,20.6561279,2.0018311,19,2z M15.2305298,21h-6.460022c-0.1824951,0.0009155-0.3616943-0.0482178-0.5182495-0.1420288c-0.4729614-0.2834473-0.6265869-0.8967285-0.3431396-1.3696899L8.8035889,18h6.3926392l0.8858643,1.4873047c0.0929565,0.1544189,0.142395,0.3311157,0.1430054,0.5114136C16.2269287,20.5498657,15.7816772,20.9981689,15.2305298,21z M21,15c-0.0014038,1.1040039-0.8959961,1.9985962-2,2H5c-1.1040649-0.0012817-1.9987183-0.8959351-2-2v-1h18V15z M21,13H3V5c0.0012817-1.1040649,0.8959351-1.9987183,2-2h14c1.1040039,0.0014038,1.9985962,0.8959961,2,2V13z"/></svg>
  86.                                                         FTP
  87.                                                     </a>
  88.                                                 </li>
  89.                                                 <li class="nav-item1">
  90.                                                     <a class="nav-link thumb" href="#">
  91.                                                         <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn me-2" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M17,9V7c0-2.7614136-2.2385864-5-5-5S7,4.2385864,7,7v2c-1.6561279,0.0018311-2.9981689,1.3438721-3,3v7c0.0018311,1.6561279,1.3438721,2.9981689,3,3h10c1.6561279-0.0018311,2.9981689-1.3438721,3-3v-7C19.9981689,10.3438721,18.6561279,9.0018311,17,9z M8,7c0-2.2091675,1.7908325-4,4-4s4,1.7908325,4,4v2H8V7z M19,19c-0.0014038,1.1040039-0.8959961,1.9985962-2,2H7c-1.1040039-0.0014038-1.9985962-0.8959961-2-2v-7c0.0014038-1.1040039,0.8959961-1.9985962,2-2h0.5h9h0.0006104H17c1.1040039,0.0014038,1.9985962,0.8959961,2,2V19z"/></svg>
  92.                                                         Private FIles
  93.                                                     </a>
  94.                                                 </li>
  95.                                                 <li class="nav-item1">
  96.                                                     <a class="nav-link thumb" href="#">
  97.                                                         <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn me-2" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M13.8964233,9.9463501l-3.046875,3.046814l-1.2460938-1.2470703c-0.1943359-0.1904907-0.5054321-0.1904907-0.6998291,0c-0.1972046,0.1932983-0.2003784,0.5098267-0.0071411,0.7070312l1.5996094,1.6005859c0.09375,0.093811,0.2208862,0.1464844,0.3535156,0.1464844c0.1325684,0,0.2597046-0.0526733,0.3534546-0.1464844l3.4075317-3.4075317c0.1932373-0.1972046,0.1900635-0.5137939-0.0071411-0.7070312S14.0897217,9.7490845,13.8964233,9.9463501z M19.9894409,3.753418c-0.0565796-0.2703857-0.3215942-0.4437256-0.59198-0.387207c-2.4692383,0.5214233-5.0440674-0.005127-7.1103516-1.4541016c-0.1722412-0.1210938-0.4019775-0.1210938-0.5742188,0C9.6466675,3.361145,7.0717773,3.8877563,4.6025391,3.3662109C4.5689697,3.3591919,4.53479,3.3556519,4.5004883,3.3556519C4.2242432,3.3554688,4.0001831,3.5792236,4,3.8554688v8.0185547c0.0016479,2.9362183,1.4152222,5.6925659,3.7988281,7.4072266l3.9101562,2.8037109C11.7937622,22.1459961,11.8955688,22.178833,12,22.1787109c0.1044312,0.0001221,0.2062378-0.0326538,0.2910156-0.093689l3.9101562-2.803772C18.5847778,17.5665894,19.9983521,14.8102417,20,11.8740234V3.8554688C20,3.821167,19.99646,3.7869873,19.9894409,3.753418z M19,11.8740234c-0.0010986,2.6139526-1.2591553,5.0679321-3.3808594,6.5947266L12,21.0634766L8.3808594,18.46875C6.2591553,16.9418945,5.0010986,14.4879761,5,11.8740234V4.453125c2.4417725,0.3647461,4.9324951-0.1790161,7-1.5283203c2.067688,1.348938,4.5582886,1.8927002,7,1.5283203V11.8740234z"/></svg>
  98.                                                         Deep Clean
  99.                                                     </a>
  100.                                                 </li>
  101.                                                 <li class="nav-item1">
  102.                                                     <a class="nav-link thumb" href="#">
  103.                                                         <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn me-2" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M20.5,6H16V4.5c-0.0012817-1.380188-1.119812-2.4987183-2.5-2.5h-3C9.119812,2.0012817,8.0012817,3.119812,8,4.5V6H3.5C3.223877,6,3,6.223877,3,6.5S3.223877,7,3.5,7H5v12.5c0.0012817,1.380188,1.119812,2.4987183,2.5,2.5h9c1.380188-0.0012817,2.4987183-1.119812,2.5-2.5V7h1.5C20.776123,7,21,6.776123,21,6.5S20.776123,6,20.5,6z M9,4.5C9.0009155,3.671936,9.671936,3.0009155,10.5,3h3c0.828064,0.0009155,1.4990845,0.671936,1.5,1.5V6H9V4.5z M18,19.5c-0.0009155,0.828064-0.671936,1.4990845-1.5,1.5h-9c-0.828064-0.0009155-1.4990845-0.671936-1.5-1.5V7h12V19.5z M9.5,18h0.0006104C9.7765503,17.9998169,10.0001831,17.776001,10,17.5v-7c0-0.276123-0.223877-0.5-0.5-0.5S9,10.223877,9,10.5v7.0005493C9.0001831,17.7765503,9.223999,18.0001831,9.5,18z M14.5,18h0.0006104C14.7765503,17.9998169,15.0001831,17.776001,15,17.5v-7c0-0.276123-0.223877-0.5-0.5-0.5S14,10.223877,14,10.5v7.0005493C14.0001831,17.7765503,14.223999,18.0001831,14.5,18z"/></svg>
  104.                                                         Trash Bin
  105.                                                     </a>
  106.                                                 </li>
  107.                                                 <li class="nav-item1">
  108.                                                     <a class="nav-link thumb" href="#">
  109.                                                         <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn me-2" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M21.5,13h-8.0005493C13.2234497,13.0001831,12.9998169,13.223999,13,13.5v8.0005493C13.0001831,21.7765503,13.223999,22.0001831,13.5,22h8.0006104C21.7765503,21.9998169,22.0001831,21.776001,22,21.5v-8.0006104C21.9998169,13.2234497,21.776001,12.9998169,21.5,13z M21,21h-7v-7h7V21z M10.5,2H2.4993896C2.2234497,2.0001831,1.9998169,2.223999,2,2.5v8.0005493C2.0001831,10.7765503,2.223999,11.0001831,2.5,11h8.0006104C10.7765503,10.9998169,11.0001831,10.776001,11,10.5V2.4993896C10.9998169,2.2234497,10.776001,1.9998169,10.5,2z M10,10H3V3h7V10z M10.5,13H2.4993896C2.2234497,13.0001831,1.9998169,13.223999,2,13.5v8.0005493C2.0001831,21.7765503,2.223999,22.0001831,2.5,22h8.0006104C10.7765503,21.9998169,11.0001831,21.776001,11,21.5v-8.0006104C10.9998169,13.2234497,10.776001,12.9998169,10.5,13z M10,21H3v-7h7V21z M21.5,2h-8.0005493C13.2234497,2.0001831,12.9998169,2.223999,13,2.5v8.0005493C13.0001831,10.7765503,13.223999,11.0001831,13.5,11h8.0006104C21.7765503,10.9998169,22.0001831,10.776001,22,10.5V2.4993896C21.9998169,2.2234497,21.776001,1.9998169,21.5,2z M21,10h-7V3h7V10z"/></svg>
  110.                                                         More
  111.                                                     </a>
  112.                                                 </li>
  113.                                             </ul><!-- main-mail-menu -->
  114.                                             <div class="card my-1 custom-card mt-0 p-2 pb-0 mb-0 shadow-none">
  115.                                                 <div class="card-header font-weight-bold px-3 pb-2 border-bottom-0">
  116.                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn me-2" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M17.5,16c-0.8284302,0-1.5,0.6715698-1.5,1.5s0.6715698,1.5,1.5,1.5c0.828064-0.0009155,1.4990845-0.671936,1.5-1.5C19,16.6715698,18.3284302,16,17.5,16z M17.5,18c-0.276123,0-0.5-0.223877-0.5-0.5s0.223877-0.5,0.5-0.5c0.2759399,0.0005493,0.4994507,0.2240601,0.5,0.5C18,17.776123,17.776123,18,17.5,18z M21.9910889,15.4124756c-0.0004272-0.0222778,0.0065308-0.0431519,0.0030518-0.0657959l-0.0283203-0.1831055c-0.0103149-0.0753784-0.0178223-0.151001-0.034729-0.2241211L20.2558594,4.1181641C20.0731201,2.8966064,19.0212402,1.9945068,17.7861328,2H6.2138672C4.9787598,1.9945068,3.9268799,2.8966064,3.7441406,4.1181641L2.0689087,14.9394531c-0.0169067,0.0731201-0.0244141,0.1487427-0.034729,0.2241211l-0.0283203,0.1831055c-0.0031128,0.0215454,0.0036621,0.0413818,0.0033569,0.0626221C2.0080566,15.4400635,2,15.4689331,2,15.5v4c0.0012817,1.380188,1.119812,2.4987183,2.5,2.5h15c1.380188-0.0012817,2.4987183-1.119812,2.5-2.5v-4C22,15.4700317,21.9921875,15.4421997,21.9910889,15.4124756z M4.7324219,4.2705078C4.8417358,3.5376587,5.4729004,2.9963989,6.2138672,3h11.5722656c0.7409668-0.0036011,1.3721313,0.5376587,1.4814453,1.2705078l1.3981323,9.0314331C20.3162231,13.1159058,19.9234619,13.0003662,19.5,13h-15c-0.4234619,0.0003662-0.8162231,0.1159058-1.1657104,0.3019409L4.7324219,4.2705078z M21,19.5c-0.0009155,0.828064-0.671936,1.4990845-1.5,1.5h-15c-0.828064-0.0009155-1.4990845-0.671936-1.5-1.5v-4c0.000061-0.0388184,0.008606-0.0753174,0.0115356-0.1134033l0.0391235-0.2528076C3.215332,14.4837646,3.7990112,14.0007935,4.5,14h15c0.7009888,0.0007935,1.284668,0.4837646,1.4493408,1.1337891l0.0391235,0.2528076C20.991394,15.4246826,20.999939,15.4611816,21,15.5V19.5z"/></svg>
  117.                                                     Storage
  118.                                                 </div>
  119.                                                 <div class="card-body pt-0 pb-0 px-3">
  120.                                                     <div class="storage-percent">
  121.                                                         <div class="progress fileprogress h-auto ps-0 mb-2">
  122.                                                             <div class="progress-bar progress-bar-xs wd-15p" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
  123.                                                         </div>
  124.                                                         <div class="text-muted font-weight-semibold tx-13 mb-1">26.24 GB Used of 128GB</div>
  125.                                                     </div>
  126.                                                 </div>
  127.                                             </div>
  128.                                         </div>
  129.                                     </div>
  130.                                     <div class="card">
  131.                                         <div class="card-body upgrade-storage bg-primary-transparent">
  132.                                             <a href="javascript:void(0)">
  133.                                                 <div class="upgrade-main text-center">
  134.                                                     <svg class="mb-1" xmlns="http://www.w3.org/2000/svg" style="width: 3rem;" data-name="Layer 1" viewBox="0 0 24 24"><path fill="#67a719" d="M19.97586,10V9a3,3,0,0,0-3-3H10.69678l-.31622-.94868A3,3,0,0,0,7.53451,3H3.97586a3,3,0,0,0-3,3V19a2,2,0,0,0,2,2H3.3067a2,2,0,0,0,1.96774-1.64223l1.40283-7.71554A2,2,0,0,1,8.645,10Z"/><path fill="#a3ca75" d="M22.02386,10H8.645a2,2,0,0,0-1.96777,1.64221L5.27441,19.35773A2,2,0,0,1,3.3067,21H19.55292a2,2,0,0,0,1.96771-1.64227l1.48712-8.17884A1,1,0,0,0,22.02386,10Z"/></svg>
  135.                                                     <h4 class="mb-1">Upgrade Storage</h4>
  136.                                                     <span class="text-primary-lit mt-1">Extra 10GB Storage and More...</span>
  137.                                                 </div>
  138.                                             </a>
  139.                                         </div>
  140.                                     </div>
  141.                                 </div>
  142.                                 <div class="col-lg-8 col-xl-9">
  144.                                     <div class="row mb-3">
  145.                                         <div class="col-6">
  146.                                             <div class="tx-18 mb-4">
  147.                                                 File Manager
  148.                                             </div>
  149.                                         </div>
  150.                                         <div class="col-6 col-auto">
  151.                                         <div class="input-group mb-2">
  152.                                             <input type="text" class="form-control" placeholder="Search in file manager.....">
  153.                                             <button class="btn ripple btn-primary input-group-text border-0 text-white" type="button">Search</button>
  154.                                         </div>
  155.                                         </div>
  156.                                     </div>
  157.                                     <div class="row">
  158.                                         <div class="col-xl-12 col-lg-12 col-md-12">
  159.                                             <div class="card custom-card overflow-hidden">
  160.                                                 <div class="card-body p-3">
  161.                                                     <div class="breadcrumb-main">
  162.                                                         <nav aria-label="breadcrumb">
  163.                                                             <ol class="breadcrumb mb-0">
  164.                                                             <li class="breadcrumb-item"><a href="{{ absolute_url(path('app_file_manager')) }}">Home</a></li>
  165.                                                             <li class="breadcrumb-item active" aria-current="page">File Manager</li>
  166.                                                             </ol>
  167.                                                         </nav>
  168.                                                     </div>
  169.                                                 </div>
  170.                                             </div>
  171.                                         </div>
  172.                                     </div>
  173.                                     <div class="row">
  174.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  175.                                             <div class="card p-0 ">
  176.                                                 <div class="d-flex align-items-center px-3 pt-3">
  177.                                                     <label class="custom-control custom-checkbox">
  178.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  179.                                                         <span class="custom-control-label"></span>
  180.                                                     </label>
  181.                                                     <div class="float-end ms-auto">
  182.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  183.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  184.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  185.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  186.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  187.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  188.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  189.                                                         </div>
  190.                                                     </div>
  191.                                                 </div>
  192.                                                 <div class="card-body pt-0 text-center">
  193.                                                     <div class="file-manger-icon">
  194.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  195.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  196.                                                         </a>
  197.                                                     </div>
  198.                                                     <h6 class="mb-1 font-weight-semibold">My Folder</h6>
  199.                                                     <span class="text-muted fs-11">35.7gb</span>
  200.                                                 </div>
  201.                                             </div>
  202.                                         </div>
  203.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  204.                                             <div class="card p-0 ">
  205.                                                 <div class="d-flex align-items-center px-3 pt-3">
  206.                                                     <label class="custom-control custom-checkbox">
  207.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  208.                                                         <span class="custom-control-label"></span>
  209.                                                     </label>
  210.                                                     <div class="float-end ms-auto">
  211.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  212.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  213.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  214.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  215.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  216.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  217.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  218.                                                         </div>
  219.                                                     </div>
  220.                                                 </div>
  221.                                                 <div class="card-body pt-0 text-center">
  222.                                                     <div class="file-manger-icon">
  223.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  224.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  225.                                                         </a>
  226.                                                     </div>
  227.                                                     <h6 class="mb-1 font-weight-semibold">Images</h6>
  228.                                                     <span class="text-muted fs-11">1.23gb</span>
  229.                                                 </div>
  230.                                             </div>
  231.                                         </div>
  232.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  233.                                             <div class="card p-0 ">
  234.                                                 <div class="d-flex align-items-center px-3 pt-3">
  235.                                                     <label class="custom-control custom-checkbox">
  236.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  237.                                                         <span class="custom-control-label"></span>
  238.                                                     </label>
  239.                                                     <div class="float-end ms-auto">
  240.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  241.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  242.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  243.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  244.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  245.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  246.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  247.                                                         </div>
  248.                                                     </div>
  249.                                                 </div>
  250.                                                 <div class="card-body pt-0 text-center">
  251.                                                     <div class="file-manger-icon">
  252.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  253.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  254.                                                         </a>
  255.                                                     </div>
  256.                                                     <h6 class="mb-1 font-weight-semibold">Recieved</h6>
  257.                                                     <span class="text-muted fs-11">3.13gb</span>
  258.                                                 </div>
  259.                                             </div>
  260.                                         </div>
  261.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  262.                                             <div class="card p-0 ">
  263.                                                 <div class="d-flex align-items-center px-3 pt-3">
  264.                                                     <label class="custom-control custom-checkbox">
  265.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  266.                                                         <span class="custom-control-label"></span>
  267.                                                     </label>
  268.                                                     <div class="float-end ms-auto">
  269.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  270.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  271.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  272.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  273.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  274.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  275.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  276.                                                         </div>
  277.                                                     </div>
  278.                                                 </div>
  279.                                                 <div class="card-body pt-0 text-center">
  280.                                                     <div class="file-manger-icon">
  281.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  282.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  283.                                                         </a>
  284.                                                     </div>
  285.                                                     <h6 class="mb-1 font-weight-semibold">Downloads</h6>
  286.                                                     <span class="text-muted fs-11">453kb</span>
  287.                                                 </div>
  288.                                             </div>
  289.                                         </div>
  290.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  291.                                             <div class="card p-0 ">
  292.                                                 <div class="d-flex align-items-center px-3 pt-3">
  293.                                                     <label class="custom-control custom-checkbox">
  294.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  295.                                                         <span class="custom-control-label"></span>
  296.                                                     </label>
  297.                                                     <div class="float-end ms-auto">
  298.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  299.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  300.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  301.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  302.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  303.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  304.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  305.                                                         </div>
  306.                                                     </div>
  307.                                                 </div>
  308.                                                 <div class="card-body pt-0 text-center">
  309.                                                     <div class="file-manger-icon">
  310.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  311.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  312.                                                         </a>
  313.                                                     </div>
  314.                                                     <h6 class="mb-1 font-weight-semibold">Downloads</h6>
  315.                                                     <span class="text-muted fs-11">453kb</span>
  316.                                                 </div>
  317.                                             </div>
  318.                                         </div>
  319.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  320.                                             <div class="card p-0 ">
  321.                                                 <div class="d-flex align-items-center px-3 pt-3">
  322.                                                     <label class="custom-control custom-checkbox">
  323.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  324.                                                         <span class="custom-control-label"></span>
  325.                                                     </label>
  326.                                                     <div class="float-end ms-auto">
  327.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  328.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  329.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  330.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  331.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  332.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  333.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  334.                                                         </div>
  335.                                                     </div>
  336.                                                 </div>
  337.                                                 <div class="card-body pt-0 text-center">
  338.                                                     <div class="file-manger-icon">
  339.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  340.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  341.                                                         </a>
  342.                                                     </div>
  343.                                                     <h6 class="mb-1 font-weight-semibold">Downloads</h6>
  344.                                                     <span class="text-muted fs-11">453kb</span>
  345.                                                 </div>
  346.                                             </div>
  347.                                         </div>
  348.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  349.                                             <div class="card p-0 ">
  350.                                                 <div class="d-flex align-items-center px-3 pt-3">
  351.                                                     <label class="custom-control custom-checkbox">
  352.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  353.                                                         <span class="custom-control-label"></span>
  354.                                                     </label>
  355.                                                     <div class="float-end ms-auto">
  356.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  357.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  358.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  359.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  360.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  361.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  362.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  363.                                                         </div>
  364.                                                     </div>
  365.                                                 </div>
  366.                                                 <div class="card-body pt-0 text-center">
  367.                                                     <div class="file-manger-icon">
  368.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  369.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  370.                                                         </a>
  371.                                                     </div>
  372.                                                     <h6 class="mb-1 font-weight-semibold">Downloads</h6>
  373.                                                     <span class="text-muted fs-11">453kb</span>
  374.                                                 </div>
  375.                                             </div>
  376.                                         </div>
  377.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  378.                                             <div class="card p-0 ">
  379.                                                 <div class="d-flex align-items-center px-3 pt-3">
  380.                                                     <label class="custom-control custom-checkbox">
  381.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  382.                                                         <span class="custom-control-label"></span>
  383.                                                     </label>
  384.                                                     <div class="float-end ms-auto">
  385.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  386.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  387.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  388.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  389.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  390.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  391.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  392.                                                         </div>
  393.                                                     </div>
  394.                                                 </div>
  395.                                                 <div class="card-body pt-0 text-center">
  396.                                                     <div class="file-manger-icon">
  397.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  398.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  399.                                                         </a>
  400.                                                     </div>
  401.                                                     <h6 class="mb-1 font-weight-semibold">Downloads</h6>
  402.                                                     <span class="text-muted fs-11">453kb</span>
  403.                                                 </div>
  404.                                             </div>
  405.                                         </div>
  406.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  407.                                             <div class="card p-0 ">
  408.                                                 <div class="d-flex align-items-center px-3 pt-3">
  409.                                                     <label class="custom-control custom-checkbox">
  410.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  411.                                                         <span class="custom-control-label"></span>
  412.                                                     </label>
  413.                                                     <div class="float-end ms-auto">
  414.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  415.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  416.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  417.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  418.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  419.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  420.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  421.                                                         </div>
  422.                                                     </div>
  423.                                                 </div>
  424.                                                 <div class="card-body pt-0 text-center">
  425.                                                     <div class="file-manger-icon">
  426.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  427.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  428.                                                         </a>
  429.                                                     </div>
  430.                                                     <h6 class="mb-1 font-weight-semibold">videos</h6>
  431.                                                     <span class="text-muted fs-11">4.23gb</span>
  432.                                                 </div>
  433.                                             </div>
  434.                                         </div>
  435.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  436.                                             <div class="card p-0 ">
  437.                                                 <div class="d-flex align-items-center px-3 pt-3">
  438.                                                     <label class="custom-control custom-checkbox">
  439.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  440.                                                         <span class="custom-control-label"></span>
  441.                                                     </label>
  442.                                                     <div class="float-end ms-auto">
  443.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  444.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  445.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  446.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  447.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  448.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  449.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  450.                                                         </div>
  451.                                                     </div>
  452.                                                 </div>
  453.                                                 <div class="card-body pt-0 text-center">
  454.                                                     <div class="file-manger-icon">
  455.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  456.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  457.                                                         </a>
  458.                                                     </div>
  459.                                                     <h6 class="mb-1 font-weight-semibold">Images</h6>
  460.                                                     <span class="text-muted fs-11">1.23gb</span>
  461.                                                 </div>
  462.                                             </div>
  463.                                         </div>
  464.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  465.                                             <div class="card p-0 ">
  466.                                                 <div class="d-flex align-items-center px-3 pt-3">
  467.                                                     <label class="custom-control custom-checkbox">
  468.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  469.                                                         <span class="custom-control-label"></span>
  470.                                                     </label>
  471.                                                     <div class="float-end ms-auto">
  472.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  473.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  474.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  475.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  476.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  477.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  478.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  479.                                                         </div>
  480.                                                     </div>
  481.                                                 </div>
  482.                                                 <div class="card-body pt-0 text-center">
  483.                                                     <div class="file-manger-icon">
  484.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  485.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  486.                                                         </a>
  487.                                                     </div>
  488.                                                     <h6 class="mb-1 font-weight-semibold">Recieved</h6>
  489.                                                     <span class="text-muted fs-11">3.13gb</span>
  490.                                                 </div>
  491.                                             </div>
  492.                                         </div>
  493.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  494.                                             <div class="card p-0 ">
  495.                                                 <div class="d-flex align-items-center px-3 pt-3">
  496.                                                     <label class="custom-control custom-checkbox">
  497.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  498.                                                         <span class="custom-control-label"></span>
  499.                                                     </label>
  500.                                                     <div class="float-end ms-auto">
  501.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  502.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  503.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  504.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  505.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  506.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  507.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  508.                                                         </div>
  509.                                                     </div>
  510.                                                 </div>
  511.                                                 <div class="card-body pt-0 text-center">
  512.                                                     <div class="file-manger-icon">
  513.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  514.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  515.                                                         </a>
  516.                                                     </div>
  517.                                                     <h6 class="mb-1 font-weight-semibold">Downloads</h6>
  518.                                                     <span class="text-muted fs-11">453kb</span>
  519.                                                 </div>
  520.                                             </div>
  521.                                         </div>
  522.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  523.                                             <div class="card p-0 ">
  524.                                                 <div class="d-flex align-items-center px-3 pt-3">
  525.                                                     <label class="custom-control custom-checkbox">
  526.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  527.                                                         <span class="custom-control-label"></span>
  528.                                                     </label>
  529.                                                     <div class="float-end ms-auto">
  530.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  531.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  532.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  533.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  534.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  535.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  536.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  537.                                                         </div>
  538.                                                     </div>
  539.                                                 </div>
  540.                                                 <div class="card-body pt-0 text-center">
  541.                                                     <div class="file-manger-icon">
  542.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  543.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  544.                                                         </a>
  545.                                                     </div>
  546.                                                     <h6 class="mb-1 font-weight-semibold">videos</h6>
  547.                                                     <span class="text-muted fs-11">4.23gb</span>
  548.                                                 </div>
  549.                                             </div>
  550.                                         </div>
  551.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  552.                                             <div class="card p-0 ">
  553.                                                 <div class="d-flex align-items-center px-3 pt-3">
  554.                                                     <label class="custom-control custom-checkbox">
  555.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  556.                                                         <span class="custom-control-label"></span>
  557.                                                     </label>
  558.                                                     <div class="float-end ms-auto">
  559.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  560.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  561.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  562.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  563.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  564.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  565.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  566.                                                         </div>
  567.                                                     </div>
  568.                                                 </div>
  569.                                                 <div class="card-body pt-0 text-center">
  570.                                                     <div class="file-manger-icon">
  571.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  572.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  573.                                                         </a>
  574.                                                     </div>
  575.                                                     <h6 class="mb-1 font-weight-semibold">Images</h6>
  576.                                                     <span class="text-muted fs-11">1.23gb</span>
  577.                                                 </div>
  578.                                             </div>
  579.                                         </div>
  580.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  581.                                             <div class="card p-0 ">
  582.                                                 <div class="d-flex align-items-center px-3 pt-3">
  583.                                                     <label class="custom-control custom-checkbox">
  584.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  585.                                                         <span class="custom-control-label"></span>
  586.                                                     </label>
  587.                                                     <div class="float-end ms-auto">
  588.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  589.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  590.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  591.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  592.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  593.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  594.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  595.                                                         </div>
  596.                                                     </div>
  597.                                                 </div>
  598.                                                 <div class="card-body pt-0 text-center">
  599.                                                     <div class="file-manger-icon">
  600.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  601.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  602.                                                         </a>
  603.                                                     </div>
  604.                                                     <h6 class="mb-1 font-weight-semibold">Recieved</h6>
  605.                                                     <span class="text-muted fs-11">3.13gb</span>
  606.                                                 </div>
  607.                                             </div>
  608.                                         </div>
  609.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  610.                                             <div class="card p-0 ">
  611.                                                 <div class="d-flex align-items-center px-3 pt-3">
  612.                                                     <label class="custom-control custom-checkbox">
  613.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  614.                                                         <span class="custom-control-label"></span>
  615.                                                     </label>
  616.                                                     <div class="float-end ms-auto">
  617.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  618.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  619.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  620.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  621.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  622.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  623.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  624.                                                         </div>
  625.                                                     </div>
  626.                                                 </div>
  627.                                                 <div class="card-body pt-0 text-center">
  628.                                                     <div class="file-manger-icon">
  629.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  630.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  631.                                                         </a>
  632.                                                     </div>
  633.                                                     <h6 class="mb-1 font-weight-semibold">Downloads</h6>
  634.                                                     <span class="text-muted fs-11">453kb</span>
  635.                                                 </div>
  636.                                             </div>
  637.                                         </div>
  638.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  639.                                             <div class="card p-0 ">
  640.                                                 <div class="d-flex align-items-center px-3 pt-3">
  641.                                                     <label class="custom-control custom-checkbox">
  642.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  643.                                                         <span class="custom-control-label"></span>
  644.                                                     </label>
  645.                                                     <div class="float-end ms-auto">
  646.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  647.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  648.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  649.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  650.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  651.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  652.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  653.                                                         </div>
  654.                                                     </div>
  655.                                                 </div>
  656.                                                 <div class="card-body pt-0 text-center">
  657.                                                     <div class="file-manger-icon">
  658.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  659.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  660.                                                         </a>
  661.                                                     </div>
  662.                                                     <h6 class="mb-1 font-weight-semibold">Downloads</h6>
  663.                                                     <span class="text-muted fs-11">453kb</span>
  664.                                                 </div>
  665.                                             </div>
  666.                                         </div>
  667.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  668.                                             <div class="card p-0 ">
  669.                                                 <div class="d-flex align-items-center px-3 pt-3">
  670.                                                     <label class="custom-control custom-checkbox">
  671.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  672.                                                         <span class="custom-control-label"></span>
  673.                                                     </label>
  674.                                                     <div class="float-end ms-auto">
  675.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  676.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  677.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  678.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  679.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  680.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  681.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  682.                                                         </div>
  683.                                                     </div>
  684.                                                 </div>
  685.                                                 <div class="card-body pt-0 text-center">
  686.                                                     <div class="file-manger-icon">
  687.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  688.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  689.                                                         </a>
  690.                                                     </div>
  691.                                                     <h6 class="mb-1 font-weight-semibold">Downloads</h6>
  692.                                                     <span class="text-muted fs-11">453kb</span>
  693.                                                 </div>
  694.                                             </div>
  695.                                         </div>
  696.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  697.                                             <div class="card p-0 ">
  698.                                                 <div class="d-flex align-items-center px-3 pt-3">
  699.                                                     <label class="custom-control custom-checkbox">
  700.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  701.                                                         <span class="custom-control-label"></span>
  702.                                                     </label>
  703.                                                     <div class="float-end ms-auto">
  704.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  705.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  706.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  707.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  708.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  709.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  710.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  711.                                                         </div>
  712.                                                     </div>
  713.                                                 </div>
  714.                                                 <div class="card-body pt-0 text-center">
  715.                                                     <div class="file-manger-icon">
  716.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  717.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  718.                                                         </a>
  719.                                                     </div>
  720.                                                     <h6 class="mb-1 font-weight-semibold">videos</h6>
  721.                                                     <span class="text-muted fs-11">4.23gb</span>
  722.                                                 </div>
  723.                                             </div>
  724.                                         </div>
  725.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  726.                                             <div class="card p-0 ">
  727.                                                 <div class="d-flex align-items-center px-3 pt-3">
  728.                                                     <label class="custom-control custom-checkbox">
  729.                                                         <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
  730.                                                         <span class="custom-control-label"></span>
  731.                                                     </label>
  732.                                                     <div class="float-end ms-auto">
  733.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  734.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  735.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  736.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  737.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  738.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  739.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  740.                                                         </div>
  741.                                                     </div>
  742.                                                 </div>
  743.                                                 <div class="card-body pt-0 text-center">
  744.                                                     <div class="file-manger-icon">
  745.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  746.                                                             <img src="{{absolute_url(asset('build/images/files/folder.png'))}}" alt="img" class="br-7">
  747.                                                         </a>
  748.                                                     </div>
  749.                                                     <h6 class="mb-1 font-weight-semibold">Images</h6>
  750.                                                     <span class="text-muted fs-11">1.23gb</span>
  751.                                                 </div>
  752.                                             </div>
  753.                                         </div>
  754.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  755.                                             <div class="card p-0 ">
  756.                                                 <div class="d-flex align-items-center px-3 pt-3">
  757.                                                     <div class="float-end ms-auto">
  758.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  759.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  760.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  761.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  762.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  763.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  764.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  765.                                                         </div>
  766.                                                     </div>
  767.                                                 </div>
  768.                                                 <div class="card-body pt-0 text-center">
  769.                                                     <div class="file-manger-icon">
  770.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  771.                                                             <img src="{{absolute_url(asset('build/images/files/file.png'))}}" alt="img" class="br-7 img-link">
  772.                                                         </a>
  773.                                                     </div>
  774.                                                     <h6 class="mb-1 font-weight-semibold">document.pdf</h6>
  775.                                                     <span class="text-muted fs-11">23kb</span>
  776.                                                 </div>
  777.                                             </div>
  778.                                         </div>
  779.                                         <div class="col-xl-2 col-md-4 col-sm-6">
  780.                                             <div class="card p-0 ">
  781.                                                 <div class="d-flex align-items-center px-3 pt-3">
  782.                                                     <div class="float-end ms-auto">
  783.                                                         <a href="#" class="option-dots" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  784.                                                         <div class="dropdown-menu dropdown-menu-start folder-options">
  785.                                                             <a class="dropdown-item" href="#"><i class="fe fe-edit me-2"></i> Edit</a>
  786.                                                             <a class="dropdown-item" href="#"><i class="fe fe-share me-2"></i> Share</a>
  787.                                                             <a class="dropdown-item" href="#"><i class="fe fe-download me-2"></i> Download</a>
  788.                                                             <a class="dropdown-item" href="#"><i class="fe fe-info me-3"></i> Info</a>
  789.                                                             <a class="dropdown-item" href="#"><i class="fe fe-trash me-2"></i> Delete</a>
  790.                                                         </div>
  791.                                                     </div>
  792.                                                 </div>
  793.                                                 <div class="card-body pt-0 text-center">
  794.                                                     <div class="file-manger-icon">
  795.                                                         <a href="{{ absolute_url(path('app_file_manager2')) }}">
  796.                                                             <img src="{{absolute_url(asset('build/images/files/file.png'))}}" alt="img" class="br-7 img-link">
  797.                                                         </a>
  798.                                                     </div>
  799.                                                     <h6 class="mb-1 font-weight-semibold">document.pdf</h6>
  800.                                                     <span class="text-muted fs-11">23kb</span>
  801.                                                 </div>
  802.                                             </div>
  803.                                         </div>
  804.                                     </div>
  805.                                 </div>
  806.                             </div>
  807.                             <!-- END ROW -->
  809.                             <div class="modal fade" id="Vertically">
  810.                                 <div class="modal-dialog modal-dialog-centered" role="document">
  811.                                     <div class="modal-content modal-content-demo">
  812.                                         <div class="modal-header">
  813.                                             <h6 class="modal-title">Add file</h6><button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
  814.                                         </div>
  815.                                         <div class="modal-body">
  816.                                             <div class="mb-2">
  817.                                                 <input type="file" class="dropify" data-height="200" />
  818.                                             </div>
  819.                                         </div>
  820.                                         <div class="modal-footer">
  821.                                             <button class="btn ripple btn-primary" type="button">Add</button>
  822.                                             <button class="btn ripple btn-secondary" data-bs-dismiss="modal" type="button">Cancel</button>
  823.                                         </div>
  824.                                     </div>
  825.                                 </div>
  826.                             </div>
  827. {% endblock %}
  829. {% block javascripts %}
  830.    {{parent()}} 
  831.         <!--Internal Fileuploads js-->
  832.         <script src="{{absolute_url(asset('build/plugins/fileuploads/js/fileupload.js'))}}"></script>
  833.         <script src="{{absolute_url(asset('build/plugins/fileuploads/js/file-upload.js'))}}"></script>
  834. {% endblock %}