{% extends 'layout/dashboard_base.html' %} {% block content %}
<div class="main-content-container overflow-hidden">
	<div
		class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-4"
	>
		<h3 class="mb-0">File Manager</h3>

		<nav style="--bs-breadcrumb-divider: '>'" aria-label="breadcrumb">
			<ol class="breadcrumb align-items-center mb-0 lh-1">
				<li class="breadcrumb-item">
					<a
						href="#"
						class="d-flex align-items-center text-decoration-none"
					>
						<i class="ri-home-4-line fs-18 text-primary me-1"></i>
						<span class="text-secondary fw-medium hover"
							>Dashboard</span
						>
					</a>
				</li>
				<li class="breadcrumb-item active" aria-current="page">
					<span class="fw-medium">Apps</span>
				</li>
				<li class="breadcrumb-item active" aria-current="page">
					<span class="fw-medium">File Manager</span>
				</li>
				<li class="breadcrumb-item active" aria-current="page">
					<span class="fw-medium">Assets</span>
				</li>
			</ol>
		</nav>
	</div>

	<div class="row justify-content-center">
		{% include 'layout/partials/drive_sidebar.html' %}
		<div class="col-xl-9 col-lg-9 col-md-8">
			<div class="row justify-content-center">
				<div class="col-xxl-3 col-xl-6 col-sm-6">
					<div class="card bg-white border-0 rounded-3 mb-4">
						<div class="card-body p-4">
							<div class="d-flex justify-content-between">
								<div class="form-check">
									<input
										class="form-check-input p-0"
										type="checkbox"
										value=""
										id="flexCheckDefault1"
									/>
								</div>
								<div
									class="dropdown action-opt ms-2 position-relative top-3"
									data-bs-toggle="tooltip"
									data-bs-placement="top"
									data-bs-title="More Option"
								>
									<button
										class="p-0 border-0 bg-transparent"
										type="button"
										data-bs-toggle="dropdown"
										aria-expanded="false"
									>
										<i
											class="material-symbols-outlined fs-24 text-body hover"
											>more_horiz</i
										>
									</button>
									<ul
										class="dropdown-menu dropdown-menu-end bg-white border box-shadow"
									>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="eye"></i>
												View All
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="edit"></i>
												Edit
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="trash-2"></i>
												Delete One
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="lock"></i>
												Block
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="d-flex align-items-center py-4 my-3">
								<i
									class="material-symbols-outlined fs-45 text-primary"
									>folder_open</i
								>
								<span
									class="fs-15 fw-bold text-secondary ms-2 position-relative top-2"
									>Projects</span
								>
							</div>
							<div class="d-flex justify-content-between">
								<span class="fs-13 text-secondary"
									>159 Files</span
								>
								<span class="fs-13 text-secondary">4.5 GB</span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xxl-3 col-xl-6 col-sm-6">
					<div class="card bg-white border-0 rounded-3 mb-4">
						<div class="card-body p-4">
							<div class="d-flex justify-content-between">
								<div class="form-check">
									<input
										class="form-check-input p-0"
										type="checkbox"
										value=""
										id="flexCheckDefault1"
									/>
								</div>
								<div
									class="dropdown action-opt ms-2 position-relative top-3"
									data-bs-toggle="tooltip"
									data-bs-placement="top"
									data-bs-title="More Option"
								>
									<button
										class="p-0 border-0 bg-transparent"
										type="button"
										data-bs-toggle="dropdown"
										aria-expanded="false"
									>
										<i
											class="material-symbols-outlined fs-24 text-body hover"
											>more_horiz</i
										>
									</button>
									<ul
										class="dropdown-menu dropdown-menu-end bg-white border box-shadow"
									>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="eye"></i>
												View All
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="edit"></i>
												Edit
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="trash-2"></i>
												Delete One
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="lock"></i>
												Block
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="d-flex align-items-center py-4 my-3">
								<i
									class="material-symbols-outlined fs-45 text-primary-div"
									>folder_open</i
								>
								<span
									class="fs-15 fw-bold text-secondary ms-2 position-relative top-2"
									>Documents</span
								>
							</div>
							<div class="d-flex justify-content-between">
								<span class="fs-13 text-secondary"
									>159 Files</span
								>
								<span class="fs-13 text-secondary">4.5 GB</span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xxl-3 col-xl-6 col-sm-6">
					<div class="card bg-white border-0 rounded-3 mb-4">
						<div class="card-body p-4">
							<div class="d-flex justify-content-between">
								<div class="form-check">
									<input
										class="form-check-input p-0"
										type="checkbox"
										value=""
										id="flexCheckDefault2"
									/>
								</div>
								<div
									class="dropdown action-opt ms-2 position-relative top-3"
									data-bs-toggle="tooltip"
									data-bs-placement="top"
									data-bs-title="More Option"
								>
									<button
										class="p-0 border-0 bg-transparent"
										type="button"
										data-bs-toggle="dropdown"
										aria-expanded="false"
									>
										<i
											class="material-symbols-outlined fs-24 text-body hover"
											>more_horiz</i
										>
									</button>
									<ul
										class="dropdown-menu dropdown-menu-end bg-white border box-shadow"
									>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="eye"></i>
												View All
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="edit"></i>
												Edit
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="trash-2"></i>
												Delete One
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="lock"></i>
												Block
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="d-flex align-items-center py-4 my-3">
								<i
									class="material-symbols-outlined fs-45 text-success"
									>folder_open</i
								>
								<span
									class="fs-15 fw-bold text-secondary ms-2 position-relative top-2"
									>Media</span
								>
							</div>
							<div class="d-flex justify-content-between">
								<span class="fs-13 text-secondary"
									>159 Files</span
								>
								<span class="fs-13 text-secondary">4.5 GB</span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xxl-3 col-xl-6 col-sm-6">
					<div class="card bg-white border-0 rounded-3 mb-4">
						<div class="card-body p-4">
							<div class="d-flex justify-content-between">
								<div class="form-check">
									<input
										class="form-check-input p-0"
										type="checkbox"
										value=""
										id="flexCheckDefault3"
									/>
								</div>
								<div
									class="dropdown action-opt ms-2 position-relative top-3"
									data-bs-toggle="tooltip"
									data-bs-placement="top"
									data-bs-title="More Option"
								>
									<button
										class="p-0 border-0 bg-transparent"
										type="button"
										data-bs-toggle="dropdown"
										aria-expanded="false"
									>
										<i
											class="material-symbols-outlined fs-24 text-body hover"
											>more_horiz</i
										>
									</button>
									<ul
										class="dropdown-menu dropdown-menu-end bg-white border box-shadow"
									>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="eye"></i>
												View All
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="edit"></i>
												Edit
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="trash-2"></i>
												Delete One
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="lock"></i>
												Block
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="d-flex align-items-center py-4 my-3">
								<i
									class="material-symbols-outlined fs-45 text-danger"
									>folder_open</i
								>
								<span
									class="fs-15 fw-bold text-secondary ms-2 position-relative top-2"
									>Applications</span
								>
							</div>
							<div class="d-flex justify-content-between">
								<span class="fs-13 text-secondary"
									>159 Files</span
								>
								<span class="fs-13 text-secondary">4.5 GB</span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xxl-3 col-xl-6 col-sm-6">
					<div class="card bg-white border-0 rounded-3 mb-4">
						<div class="card-body p-4">
							<div class="d-flex justify-content-between">
								<div class="form-check">
									<input
										class="form-check-input p-0"
										type="checkbox"
										value=""
										id="flexCheckDefault4"
									/>
								</div>
								<div
									class="dropdown action-opt ms-2 position-relative top-3"
									data-bs-toggle="tooltip"
									data-bs-placement="top"
									data-bs-title="More Option"
								>
									<button
										class="p-0 border-0 bg-transparent"
										type="button"
										data-bs-toggle="dropdown"
										aria-expanded="false"
									>
										<i
											class="material-symbols-outlined fs-24 text-body hover"
											>more_horiz</i
										>
									</button>
									<ul
										class="dropdown-menu dropdown-menu-end bg-white border box-shadow"
									>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="eye"></i>
												View All
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="edit"></i>
												Edit
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="trash-2"></i>
												Delete One
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="lock"></i>
												Block
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="d-flex align-items-center py-4 my-3">
								<i
									class="material-symbols-outlined fs-45 text-warning"
									>folder_open</i
								>
								<span
									class="fs-15 fw-bold text-secondary ms-2 position-relative top-2"
									>ET Template</span
								>
							</div>
							<div class="d-flex justify-content-between">
								<span class="fs-13 text-secondary"
									>159 Files</span
								>
								<span class="fs-13 text-secondary">4.5 GB</span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xxl-3 col-xl-6 col-sm-6">
					<div class="card bg-white border-0 rounded-3 mb-4">
						<div class="card-body p-4">
							<div class="d-flex justify-content-between">
								<div class="form-check">
									<input
										class="form-check-input p-0"
										type="checkbox"
										value=""
										id="flexCheckDefault5"
									/>
								</div>
								<div
									class="dropdown action-opt ms-2 position-relative top-3"
									data-bs-toggle="tooltip"
									data-bs-placement="top"
									data-bs-title="More Option"
								>
									<button
										class="p-0 border-0 bg-transparent"
										type="button"
										data-bs-toggle="dropdown"
										aria-expanded="false"
									>
										<i
											class="material-symbols-outlined fs-24 text-body hover"
											>more_horiz</i
										>
									</button>
									<ul
										class="dropdown-menu dropdown-menu-end bg-white border box-shadow"
									>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="eye"></i>
												View All
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="edit"></i>
												Edit
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="trash-2"></i>
												Delete One
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="lock"></i>
												Block
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="d-flex align-items-center py-4 my-3">
								<i
									class="material-symbols-outlined fs-45 text-info"
									>folder_open</i
								>
								<span
									class="fs-15 fw-bold text-secondary ms-2 position-relative top-2"
									>React Template</span
								>
							</div>
							<div class="d-flex justify-content-between">
								<span class="fs-13 text-secondary"
									>159 Files</span
								>
								<span class="fs-13 text-secondary">4.5 GB</span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xxl-3 col-xl-6 col-sm-6">
					<div class="card bg-white border-0 rounded-3 mb-4">
						<div class="card-body p-4">
							<div class="d-flex justify-content-between">
								<div class="form-check">
									<input
										class="form-check-input p-0"
										type="checkbox"
										value=""
										id="flexCheckDefault6"
									/>
								</div>
								<div
									class="dropdown action-opt ms-2 position-relative top-3"
									data-bs-toggle="tooltip"
									data-bs-placement="top"
									data-bs-title="More Option"
								>
									<button
										class="p-0 border-0 bg-transparent"
										type="button"
										data-bs-toggle="dropdown"
										aria-expanded="false"
									>
										<i
											class="material-symbols-outlined fs-24 text-body hover"
											>more_horiz</i
										>
									</button>
									<ul
										class="dropdown-menu dropdown-menu-end bg-white border box-shadow"
									>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="eye"></i>
												View All
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="edit"></i>
												Edit
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="trash-2"></i>
												Delete One
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="lock"></i>
												Block
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="d-flex align-items-center py-4 my-3">
								<i
									class="material-symbols-outlined fs-45 text-primary-div"
									>folder_open</i
								>
								<span
									class="fs-15 fw-bold text-secondary ms-2 position-relative top-2"
									>Material UI</span
								>
							</div>
							<div class="d-flex justify-content-between">
								<span class="fs-13 text-secondary"
									>159 Files</span
								>
								<span class="fs-13 text-secondary">4.5 GB</span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xxl-3 col-xl-6 col-sm-6">
					<div class="card bg-white border-0 rounded-3 mb-4">
						<div class="card-body p-4">
							<div class="d-flex justify-content-between">
								<div class="form-check">
									<input
										class="form-check-input p-0"
										type="checkbox"
										value=""
										id="flexCheckDefault7"
									/>
								</div>
								<div
									class="dropdown action-opt ms-2 position-relative top-3"
									data-bs-toggle="tooltip"
									data-bs-placement="top"
									data-bs-title="More Option"
								>
									<button
										class="p-0 border-0 bg-transparent"
										type="button"
										data-bs-toggle="dropdown"
										aria-expanded="false"
									>
										<i
											class="material-symbols-outlined fs-24 text-body hover"
											>more_horiz</i
										>
									</button>
									<ul
										class="dropdown-menu dropdown-menu-end bg-white border box-shadow"
									>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="eye"></i>
												View All
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="edit"></i>
												Edit
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="trash-2"></i>
												Delete One
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="lock"></i>
												Block
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="d-flex align-items-center py-4 my-3">
								<i
									class="material-symbols-outlined fs-45 text-secondary"
									>folder_open</i
								>
								<span
									class="fs-15 fw-bold text-secondary ms-2 position-relative top-2"
									>WP Themes</span
								>
							</div>
							<div class="d-flex justify-content-between">
								<span class="fs-13 text-secondary"
									>159 Files</span
								>
								<span class="fs-13 text-secondary">4.5 GB</span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xxl-3 col-xl-6 col-sm-6">
					<div class="card bg-white border-0 rounded-3 mb-4">
						<div class="card-body p-4">
							<div class="d-flex justify-content-between">
								<div class="form-check">
									<input
										class="form-check-input p-0"
										type="checkbox"
										value=""
										id="flexCheckDefault8"
									/>
								</div>
								<div
									class="dropdown action-opt ms-2 position-relative top-3"
									data-bs-toggle="tooltip"
									data-bs-placement="top"
									data-bs-title="More Option"
								>
									<button
										class="p-0 border-0 bg-transparent"
										type="button"
										data-bs-toggle="dropdown"
										aria-expanded="false"
									>
										<i
											class="material-symbols-outlined fs-24 text-body hover"
											>more_horiz</i
										>
									</button>
									<ul
										class="dropdown-menu dropdown-menu-end bg-white border box-shadow"
									>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="eye"></i>
												View All
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="edit"></i>
												Edit
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="trash-2"></i>
												Delete One
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="lock"></i>
												Block
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="d-flex align-items-center py-4 my-3">
								<i
									class="material-symbols-outlined fs-45 text-danger"
									>folder_open</i
								>
								<span
									class="fs-15 fw-bold text-secondary ms-2 position-relative top-2"
									>Personal Photos</span
								>
							</div>
							<div class="d-flex justify-content-between">
								<span class="fs-13 text-secondary"
									>159 Files</span
								>
								<span class="fs-13 text-secondary">4.5 GB</span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xxl-3 col-xl-6 col-sm-6">
					<div class="card bg-white border-0 rounded-3 mb-4">
						<div class="card-body p-4">
							<div class="d-flex justify-content-between">
								<div class="form-check">
									<input
										class="form-check-input p-0"
										type="checkbox"
										value=""
										id="flexCheckDefault9"
									/>
								</div>
								<div
									class="dropdown action-opt ms-2 position-relative top-3"
									data-bs-toggle="tooltip"
									data-bs-placement="top"
									data-bs-title="More Option"
								>
									<button
										class="p-0 border-0 bg-transparent"
										type="button"
										data-bs-toggle="dropdown"
										aria-expanded="false"
									>
										<i
											class="material-symbols-outlined fs-24 text-body hover"
											>more_horiz</i
										>
									</button>
									<ul
										class="dropdown-menu dropdown-menu-end bg-white border box-shadow"
									>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="eye"></i>
												View All
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="edit"></i>
												Edit
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="trash-2"></i>
												Delete One
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="lock"></i>
												Block
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="d-flex align-items-center py-4 my-3">
								<i
									class="material-symbols-outlined fs-45 text-primary"
									>folder_open</i
								>
								<span
									class="fs-15 fw-bold text-secondary ms-2 position-relative top-2"
									>Mobile Apps</span
								>
							</div>
							<div class="d-flex justify-content-between">
								<span class="fs-13 text-secondary"
									>159 Files</span
								>
								<span class="fs-13 text-secondary">4.5 GB</span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xxl-3 col-xl-6 col-sm-6">
					<div class="card bg-white border-0 rounded-3 mb-4">
						<div class="card-body p-4">
							<div class="d-flex justify-content-between">
								<div class="form-check">
									<input
										class="form-check-input p-0"
										type="checkbox"
										value=""
										id="flexCheckDefault10"
									/>
								</div>
								<div
									class="dropdown action-opt ms-2 position-relative top-3"
									data-bs-toggle="tooltip"
									data-bs-placement="top"
									data-bs-title="More Option"
								>
									<button
										class="p-0 border-0 bg-transparent"
										type="button"
										data-bs-toggle="dropdown"
										aria-expanded="false"
									>
										<i
											class="material-symbols-outlined fs-24 text-body hover"
											>more_horiz</i
										>
									</button>
									<ul
										class="dropdown-menu dropdown-menu-end bg-white border box-shadow"
									>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="eye"></i>
												View All
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="edit"></i>
												Edit
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="trash-2"></i>
												Delete One
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="lock"></i>
												Block
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="d-flex align-items-center py-4 my-3">
								<i
									class="material-symbols-outlined fs-45 text-primary-div"
									>folder_open</i
								>
								<span
									class="fs-15 fw-bold text-secondary ms-2 position-relative top-2"
									>Important Files</span
								>
							</div>
							<div class="d-flex justify-content-between">
								<span class="fs-13 text-secondary"
									>159 Files</span
								>
								<span class="fs-13 text-secondary">4.5 GB</span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xxl-3 col-xl-6 col-sm-6">
					<div class="card bg-white border-0 rounded-3 mb-4">
						<div class="card-body p-4">
							<div class="d-flex justify-content-between">
								<div class="form-check">
									<input
										class="form-check-input p-0"
										type="checkbox"
										value=""
										id="flexCheckDefault11"
									/>
								</div>
								<div
									class="dropdown action-opt ms-2 position-relative top-3"
									data-bs-toggle="tooltip"
									data-bs-placement="top"
									data-bs-title="More Option"
								>
									<button
										class="p-0 border-0 bg-transparent"
										type="button"
										data-bs-toggle="dropdown"
										aria-expanded="false"
									>
										<i
											class="material-symbols-outlined fs-24 text-body hover"
											>more_horiz</i
										>
									</button>
									<ul
										class="dropdown-menu dropdown-menu-end bg-white border box-shadow"
									>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="eye"></i>
												View All
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="edit"></i>
												Edit
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="trash-2"></i>
												Delete One
											</a>
										</li>
										<li>
											<a
												class="dropdown-item"
												href="javascript:void(0);"
											>
												<i data-feather="lock"></i>
												Block
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="d-flex align-items-center py-4 my-3">
								<i
									class="material-symbols-outlined fs-45 text-warning text-opacity-10"
									>folder_open</i
								>
								<span
									class="fs-15 fw-bold text-secondary ms-2 position-relative top-2"
									>Angular Template</span
								>
							</div>
							<div class="d-flex justify-content-between">
								<span class="fs-13 text-secondary"
									>159 Files</span
								>
								<span class="fs-13 text-secondary">4.5 GB</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{% endblock %}