관리-도구
편집 파일: app-to-do.blade.php
<!doctype html> <html lang="en" data-bs-theme="blue-theme"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>House of CK Admin Panel</title> <!--favicon--> <link rel="icon" href="assets/images/fav.png" type="image/png"> <!-- loader--> <link href="assets/css/pace.min.css" rel="stylesheet"> <script src="assets/js/pace.min.js"></script> <!--plugins--> <link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="assets/plugins/metismenu/metisMenu.min.css"> <link rel="stylesheet" type="text/css" href="assets/plugins/metismenu/mm-vertical.css"> <link rel="stylesheet" type="text/css" href="assets/plugins/simplebar/css/simplebar.css"> <!--bootstrap css--> <link href="assets/css/bootstrap.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Material+Icons+Outlined" rel="stylesheet"> <!--main css--> <link href="assets/css/bootstrap-extended.css" rel="stylesheet"> <link href="sass/main.css" rel="stylesheet"> <link href="sass/dark-theme.css" rel="stylesheet"> <link href="sass/blue-theme.css" rel="stylesheet"> <link href="sass/semi-dark.css" rel="stylesheet"> <link href="sass/bordered-theme.css" rel="stylesheet"> <link href="sass/responsive.css" rel="stylesheet"> </head> <body> <!--start header--> <header class="top-header"> <nav class="navbar navbar-expand align-items-center gap-4"> <div class="btn-toggle"> <a href="javascript:;"><i class="material-icons-outlined">menu</i></a> </div> <div class="search-bar flex-grow-1"> <div class="position-relative"> <input class="form-control rounded-5 px-5 search-control d-lg-block d-none" type="text" placeholder="Search"> <span class="material-icons-outlined position-absolute d-lg-block d-none ms-3 translate-middle-y start-0 top-50">search</span> <span class="material-icons-outlined position-absolute me-3 translate-middle-y end-0 top-50 search-close">close</span> </div> </div> <ul class="navbar-nav gap-1 nav-right-links align-items-center"> <li class="nav-item d-lg-none mobile-search-btn"> <a class="nav-link" href="javascript:;"><i class="material-icons-outlined">search</i></a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" data-bs-auto-close="outside" data-bs-toggle="dropdown" href="javascript:;"><i class="material-icons-outlined">notifications</i> <span class="badge-notify">5</span> </a> <div class="dropdown-menu dropdown-notify dropdown-menu-end shadow"> <div class="px-3 py-1 d-flex align-items-center justify-content-between border-bottom"> <h5 class="notiy-title mb-0">Notifications</h5> <div class="dropdown"> <button class="btn btn-secondary dropdown-toggle dropdown-toggle-nocaret option" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="material-icons-outlined"> more_vert </span> </button> <div class="dropdown-menu dropdown-option dropdown-menu-end shadow"> <div><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i class="material-icons-outlined fs-6">inventory_2</i>Archive All</a> </div> <div><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i class="material-icons-outlined fs-6">done_all</i>Mark all as read</a></div> <div><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i class="material-icons-outlined fs-6">mic_off</i>Disable Notifications</a></div> <div><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i class="material-icons-outlined fs-6">grade</i>What's new ?</a></div> <div> <hr class="dropdown-divider"> </div> <div><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i class="material-icons-outlined fs-6">leaderboard</i>Reports</a></div> </div> </div> </div> <div class="notify-list"> <div> <a class="dropdown-item border-bottom py-2" href="javascript:;"> <div class="d-flex align-items-center gap-3"> <div class=""> <img src="assets/images/avatars/01.png" class="rounded-circle" width="45" height="45" alt=""> </div> <div class=""> <h5 class="notify-title">Congratulations Jhon</h5> <p class="mb-0 notify-desc">Many congtars jhon. You have won the gifts.</p> <p class="mb-0 notify-time">Today</p> </div> <div class="notify-close position-absolute end-0 me-3"> <i class="material-icons-outlined fs-6">close</i> </div> </div> </a> </div> <div> <a class="dropdown-item border-bottom py-2" href="javascript:;"> <div class="d-flex align-items-center gap-3"> <div class="user-wrapper bg-primary text-primary bg-opacity-10"> <span>RS</span> </div> <div class=""> <h5 class="notify-title">New Account Created</h5> <p class="mb-0 notify-desc">From USA an user has registered.</p> <p class="mb-0 notify-time">Yesterday</p> </div> <div class="notify-close position-absolute end-0 me-3"> <i class="material-icons-outlined fs-6">close</i> </div> </div> </a> </div> <div> <a class="dropdown-item border-bottom py-2" href="javascript:;"> <div class="d-flex align-items-center gap-3"> <div class=""> <img src="assets/images/apps/13.png" class="rounded-circle" width="45" height="45" alt=""> </div> <div class=""> <h5 class="notify-title">Payment Recived</h5> <p class="mb-0 notify-desc">New payment recived successfully</p> <p class="mb-0 notify-time">1d ago</p> </div> <div class="notify-close position-absolute end-0 me-3"> <i class="material-icons-outlined fs-6">close</i> </div> </div> </a> </div> <div> <a class="dropdown-item border-bottom py-2" href="javascript:;"> <div class="d-flex align-items-center gap-3"> <div class=""> <img src="assets/images/apps/14.png" class="rounded-circle" width="45" height="45" alt=""> </div> <div class=""> <h5 class="notify-title">New Order Recived</h5> <p class="mb-0 notify-desc">Recived new order from michle</p> <p class="mb-0 notify-time">2:15 AM</p> </div> <div class="notify-close position-absolute end-0 me-3"> <i class="material-icons-outlined fs-6">close</i> </div> </div> </a> </div> <div> <a class="dropdown-item border-bottom py-2" href="javascript:;"> <div class="d-flex align-items-center gap-3"> <div class=""> <img src="assets/images/avatars/06.png" class="rounded-circle" width="45" height="45" alt=""> </div> <div class=""> <h5 class="notify-title">Congratulations Jhon</h5> <p class="mb-0 notify-desc">Many congtars jhon. You have won the gifts.</p> <p class="mb-0 notify-time">Today</p> </div> <div class="notify-close position-absolute end-0 me-3"> <i class="material-icons-outlined fs-6">close</i> </div> </div> </a> </div> <div> <a class="dropdown-item py-2" href="javascript:;"> <div class="d-flex align-items-center gap-3"> <div class="user-wrapper bg-danger text-danger bg-opacity-10"> <span>PK</span> </div> <div class=""> <h5 class="notify-title">New Account Created</h5> <p class="mb-0 notify-desc">From USA an user has registered.</p> <p class="mb-0 notify-time">Yesterday</p> </div> <div class="notify-close position-absolute end-0 me-3"> <i class="material-icons-outlined fs-6">close</i> </div> </div> </a> </div> </div> </div> </li> <li class="nav-item dropdown"> <a href="javascrpt:;" class="dropdown-toggle dropdown-toggle-nocaret" data-bs-toggle="dropdown"> <img src="assets/images/avatars/01.png" class="rounded-circle p-1 border" width="45" height="45" alt=""> </a> <div class="dropdown-menu dropdown-user dropdown-menu-end shadow"> <a class="dropdown-item gap-2 py-2" href="javascript:;"> <div class="text-center"> <img src="assets/images/avatars/01.png" class="rounded-circle p-1 shadow mb-3" width="90" height="90" alt=""> <h5 class="user-name mb-0 fw-bold">Hello, House of CK</h5> </div> </a> <hr class="dropdown-divider"> <a class="dropdown-item d-flex align-items-center gap-2 py-2" href="user-profile.html"><i class="material-icons-outlined">local_bar</i>Setting</a> <hr class="dropdown-divider"> <a class="dropdown-item d-flex align-items-center gap-2 py-2" href="javascript:;"><i class="material-icons-outlined">power_settings_new</i>Logout</a> </div> </li> </ul> </nav> </header> <!--end top header--> <!--start sidebar--> <aside class="sidebar-wrapper" data-simplebar="true"> <div class="sidebar-header"> <div class="logo-icon"> <img src="assets/images/fav.png" class="logo-img" alt=""> </div> <div class="logo-name flex-grow-1"> <h5 class="mb-0">House of CK</h5> </div> <div class="sidebar-close"> <span class="material-icons-outlined">close</span> </div> </div> <div class="sidebar-nav"> <!--navigation--> <ul class="metismenu" id="sidenav"> <li> <a href="index2.html"> <div><i class="material-icons-outlined">dashboard</i></div> <div class="menu-title">Dashboard</div> </a> </li> <li class="active"> <a href="slider.html"> <div><i class="material-icons-outlined">slideshow</i></div> <div class="menu-title">Slider</div> </a> </li> <li> <a href="index2.html"> <div><i class="material-icons-outlined">info</i></div> <div class="menu-title">About</div> </a> </li> <li> <a href="index2.html"> <div><i class="material-icons-outlined">gavel</i></div> <div class="menu-title">Policies</div> </a> </li> <li> <a href="index2.html"> <div><i class="material-icons-outlined">help_outline</i></div> <div class="menu-title">FAQ</div> </a> </li> <li class="menu-label">Shop</li> <li> <a href="index2.html"> <div><i class="material-icons-outlined">category</i></div> <div class="menu-title">Category</div> </a> </li> <li> <a href="index2.html"> <div><i class="material-icons-outlined">widgets</i></div> <div class="menu-title">Subcategory</div> </a> </li> <li> <a href="index2.html"> <div><i class="material-icons-outlined">shopping_bag</i></div> <div class="menu-title">Products</div> </a> </li> <li> <a href="index2.html"> <div><i class="material-icons-outlined">shopping_cart</i></div> <div class="menu-title">New Orders</div> </a> </li> <li> <a href="index2.html"> <div><i class="material-icons-outlined">local_shipping</i></div> <div class="menu-title">Shipped Orders</div> </a> </li> <li> <a href="index2.html"> <div><i class="material-icons-outlined">done_all</i></div> <div class="menu-title">Delivered Orders</div> </a> </li> <li> <a href="javascript:;"> <div class="parent-icon"><i class="material-icons-outlined">support_agent</i></div> <div class="menu-title">Support</div> </a> </li> </ul> <!--end navigation--> </div> </aside> <!--end sidebar--> <!--start main wrapper--> <main class="main-wrapper"> <div class="main-content"> <!--breadcrumb--> <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> <div class="breadcrumb-title pe-3">House of CK</div> <div class="ps-3"> <nav aria-label="breadcrumb"> <ol class="breadcrumb mb-0 p-0"> <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a> </li> <li class="breadcrumb-item active" aria-current="page">Sliders</li> </ol> </nav> </div> </div> <!--end breadcrumb--> <div class="row g-3"> <div class="col-auto"> <div class="position-relative"> <input class="form-control px-5" type="search" placeholder="Search Customers"> <span class="material-icons-outlined position-absolute ms-3 translate-middle-y start-0 top-50 fs-5">search</span> </div> </div> <div class="col-auto flex-grow-1 overflow-auto"> <div class="btn-group position-static"> <div class="btn-group position-static"> <button type="button" class="btn btn-filter dropdown-toggle px-4" data-bs-toggle="dropdown" aria-expanded="false"> More Filters </button> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="javascript:;">Action</a></li> <li><a class="dropdown-item" href="javascript:;">Another action</a></li> <li> <hr class="dropdown-divider"> </li> <li><a class="dropdown-item" href="javascript:;">Something else here</a></li> </ul> </div> </div> </div> <div class="col-auto"> <div class="d-flex align-items-center gap-2 justify-content-lg-end"> <button class="btn btn-filter px-4"><i class="bi bi-box-arrow-right me-2"></i>Export</button> <!-- <button class="btn btn-primary px-4"><i class="bi bi-plus-lg me-2"></i>Add Slider</button> --> </div> </div> </div><!--end row--> <div class="card mt-4"> <div class="card-body"> <div class="customer-table"> <div class="table-responsive white-space-nowrap"> <table class="table align-middle"> <thead class="table-light"> <tr> <th> <input class="form-check-input" type="checkbox"> </th> <th>#</th> <th>Title</th> <th>Description</th> <th>Image</th> <th>Action</th> </tr> </thead> <tbody> <tr> <td> <input class="form-check-input" type="checkbox"> </td> <td>1</td> <td>LOA Collection</td> <td>A collection that begins with Curva, where "lines of affection" take shape through intentional design and intimate materiality.</td> <td> <a class="d-flex align-items-center gap-3" href="javascript:;"> <div class="customer-pic"> <img src="assets/images/avatars/01.png" class="rounded-circle" width="40" height="40" alt=""> </div> </a> </td> <!-- New TD with edit & delete icons --> <!-- Edit & Delete icons only --> <td> <div class="d-flex gap-3"> <a href="javascript:;" title="Edit"> <i class="material-icons-outlined">edit</i> </a> <a href="javascript:;" title="Delete"> <i class="material-icons-outlined" style="color:red">delete</i> </a> </div> </td> </tr> <tr> <td> <input class="form-check-input" type="checkbox"> </td> <td>2</td> <td>LOA Collection</td> <td>A collection that begins with Curva, where "lines of affection" take shape through intentional design and intimate materiality.</td> <td> <a class="d-flex align-items-center gap-3" href="javascript:;"> <div class="customer-pic"> <img src="assets/images/avatars/01.png" class="rounded-circle" width="40" height="40" alt=""> </div> </a> </td> <!-- New TD with edit & delete icons --> <!-- Edit & Delete icons only --> <td> <div class="d-flex gap-3"> <a href="javascript:;" title="Edit"> <i class="material-icons-outlined">edit</i> </a> <a href="javascript:;" title="Delete"> <i class="material-icons-outlined" style="color:red">delete</i> </a> </div> </td> </tr> <tr> <td> <input class="form-check-input" type="checkbox"> </td> <td>3</td> <td>LOA Collection</td> <td>A collection that begins with Curva, where "lines of affection" take shape through intentional design and intimate materiality.</td> <td> <a class="d-flex align-items-center gap-3" href="javascript:;"> <div class="customer-pic"> <img src="assets/images/avatars/01.png" class="rounded-circle" width="40" height="40" alt=""> </div> </a> </td> <!-- New TD with edit & delete icons --> <!-- Edit & Delete icons only --> <td> <div class="d-flex gap-3"> <a href="javascript:;" title="Edit"> <i class="material-icons-outlined">edit</i> </a> <a href="javascript:;" title="Delete"> <i class="material-icons-outlined" style="color:red">delete</i> </a> </div> </td> </tr> <tr> <td> <input class="form-check-input" type="checkbox"> </td> <td>4</td> <td>LOA Collection</td> <td>A collection that begins with Curva, where "lines of affection" take shape through intentional design and intimate materiality.</td> <td> <a class="d-flex align-items-center gap-3" href="javascript:;"> <div class="customer-pic"> <img src="assets/images/avatars/01.png" class="rounded-circle" width="40" height="40" alt=""> </div> </a> </td> <!-- New TD with edit & delete icons --> <!-- Edit & Delete icons only --> <td> <div class="d-flex gap-3"> <a href="javascript:;" title="Edit"> <i class="material-icons-outlined">edit</i> </a> <a href="javascript:;" title="Delete"> <i class="material-icons-outlined" style="color:red">delete</i> </a> </div> </td> </tr> <tr> <td> <input class="form-check-input" type="checkbox"> </td> <td>5</td> <td>LOA Collection</td> <td>A collection that begins with Curva, where "lines of affection" take shape through intentional design and intimate materiality.</td> <td> <a class="d-flex align-items-center gap-3" href="javascript:;"> <div class="customer-pic"> <img src="assets/images/avatars/01.png" class="rounded-circle" width="40" height="40" alt=""> </div> </a> </td> <!-- New TD with edit & delete icons --> <!-- Edit & Delete icons only --> <td> <div class="d-flex gap-3"> <a href="javascript:;" title="Edit"> <i class="material-icons-outlined">edit</i> </a> <a href="javascript:;" title="Delete"> <i class="material-icons-outlined" style="color:red">delete</i> </a> </div> </td> </tr> <tr> <td> <input class="form-check-input" type="checkbox"> </td> <td>6</td> <td>LOA Collection</td> <td>A collection that begins with Curva, where "lines of affection" take shape through intentional design and intimate materiality.</td> <td> <a class="d-flex align-items-center gap-3" href="javascript:;"> <div class="customer-pic"> <img src="assets/images/avatars/01.png" class="rounded-circle" width="40" height="40" alt=""> </div> </a> </td> <!-- New TD with edit & delete icons --> <!-- Edit & Delete icons only --> <td> <div class="d-flex gap-3"> <a href="javascript:;" title="Edit"> <i class="material-icons-outlined">edit</i> </a> <a href="javascript:;" title="Delete"> <i class="material-icons-outlined" style="color:red">delete</i> </a> </div> </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </main> <!--end main wrapper--> <!--start overlay--> <div class="overlay btn-toggle"></div> <!--end overlay--> <!--start footer--> <footer class="page-footer"> <p class="mb-0">Copyright © 2025. All right reserved.</p> </footer> <!--top footer--> <!--bootstrap js--> <script src="assets/js/bootstrap.bundle.min.js"></script> <!--plugins--> <script src="assets/js/jquery.min.js"></script> <!--plugins--> <script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script> <script src="assets/plugins/metismenu/metisMenu.min.js"></script> <script src="assets/plugins/simplebar/js/simplebar.min.js"></script> <script src="assets/js/main.js"></script> </body> </html>