<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>工藝中心後台</title>



    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
        integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    <!-- Add the slick-theme.css if you want default styling -->
    <link rel="stylesheet" type="./text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
    <!-- Add the slick-theme.css if you want default styling -->
    <link rel="stylesheet" type="/text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">

    <link rel="stylesheet" href="/css/style.css">

</head>

<body>

    <div class="bacstage">

        <div class="row px-0">
            <div class="col-lg-2">
                <div class="logo_box">
                    <img class="ntcri_logo img-fluid" src="img/logo.png" alt="">
                </div>
                <div class="bacstage_nav">
                    
                    <div class="bacstage_nav_title course_management" href="">課程管理功能</div>
                    <div id="bacstage_nav_cml" class="course_management_list">
                        <ul class="bacstage_nav_content">
                            <li>
                                <a href="/class-list.html">課程清單</a>
                            </li>
                            <li>
                                <a href="/add-class.html">課程上架</a>
                            </li>
                            
                        </ul>
                    </div>

                    <div class="bacstage_nav_title course_management" href="">輔導團頁面</div>
                    <div class="bacstage_nav_title course_management" href="">網站管理</div>

                   
                </div>
            </div>
            <div class="bacstage_wordspace col-lg-10">
                <div class="bacstage_wordspace_breadcrumb">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">課程管理</a></li>
                            <li class="breadcrumb-item active" aria-current="page">課程清單</li>
                        </ol>
                    </nav>
                </div>

                <div class="bacstage_wordspace_class_list">
                    <table class="table">
                        <thead>
                          <tr>
                            <th scope="col" class="number">項次</th>
                            <th scope="col" class="classname">課程名稱</th>
                            <th scope="col">課程起始日期</th>
                            <th scope="col">課程結束日期</th>
                            <th scope="col">課程地點</th>
                            <th scope="col" class="teacher">課程講師</th>
                            <th scope="col">主辦單位</th>
                            <th scope="col">聯絡資訊</th>
                            <th scope="col">刪除</th>
                            <!-- <th scope="col">刪除</th> -->
                          </tr>
                        </thead>
                        <tbody class="class_list_table">
                          <tr>
                            <td>1</td>
                            <td >樹藝教師培力工作坊</td>
                            <td>2023-08-22 09:00:00</td>
                            <td>2023-08-25 17:00:00</td>
                            <td>國立臺灣工藝研究發展中心|地方工藝館工藝教室</td>
                            <td>李永謨老師</td>
                            <td>國立臺灣工藝研究發展中心</td>
                            <td>049-2334141*312</td>
                            <td>
                                <div>
                                    <button class="btn__delete" type="submit" value="delete" onclick="return confirm('確定要刪除此專欄文章?');"><i class="fas fa-trash-alt"></i></button>
                                </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                </div>

                <!-- <div class="send_button text-end">
                    <div>
                        <button type="button" class="btn btn-secondary">取消</button>
                        <button type="button" class="btn btn-success">上傳</button>
                    </div>
                </div> -->
            </div>
        </div>
    </div>





    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.all.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
        crossorigin="anonymous"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script async defer src="/js/index.js"></script>
    <script async defer src="/js/class-list.js"></script>

</body>

</html>