<!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_addclass">
                    <div class="bacstage_wordspace_addclass_w80">
                        <!-- <div class="input-group mb-3">
                            <span class="input-group-text" id="inputGroup-sizing-default">課程id</span>
                            <input type="text" class="form-control" aria-label="Sizing example input"
                                aria-describedby="inputGroup-sizing-default">
                        </div> -->
                        <div class="input-group mb-3">
                            <span class="input-group-text">課程名稱</span>
                            <input type="text" class="form-control" id="name" aria-label="Sizing example input"
                                aria-describedby="inputGroup-sizing-default">
                        </div>
                        <div class="input-group mb-3">
                            <span class="input-group-text">課程圖片</span>
                            <input type="text" class="form-control" id="cover_img" aria-label="Sizing example input"
                                aria-describedby="inputGroup-sizing-default">
                        </div>
                        <div class="input-group mb-3">
                            <span class="input-group-text">課程起始日期</span>
                            <input type="datetime-local" class="form-control" id="start_time"
                                aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default"
                                min="2023-06-07T00:00"
                                max="2030-06-14T00:00">
                            <!-- <input type="datetime-local" value="2018-06-12T19:30" min="2018-06-07T00:00"
                                max="2018-06-14T00:00"> -->

                        </div>
                        <div class="input-group mb-3">
                            <span class="input-group-text">課程結束日期</span>
                            <input type="datetime-local" class="form-control" id="end_time"
                                aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
                        </div>


                        <div class="input-group mb-3">
                            <span class="input-group-text">課程地點</span>
                            <input type="text" class="form-control" id="location" aria-label="Sizing example input"
                                aria-describedby="inputGroup-sizing-default">
                        </div>
                        <div class="input-group mb-3">
                            <span class="input-group-text">課程講師</span>
                            <input type="text" class="form-control" id="lecturer" aria-label="Sizing example input"
                                aria-describedby="inputGroup-sizing-default">
                        </div>

                        <div class="input-group mb-3">
                            <span class="input-group-text">主辦單位</span>
                            <input type="text" class="form-control" id="organizer" aria-label="Sizing example input"
                                aria-describedby="inputGroup-sizing-default">
                        </div>


                        <div class="input-group mb-3">
                            <span class="input-group-text">聯絡資訊</span>
                            <input type="text" class="form-control" id="contact" aria-label="Sizing example input"
                                aria-describedby="inputGroup-sizing-default">
                        </div>

                        <div class="input-group">
                            <span class="input-group-text">課程描述</span>
                            <textarea class="form-control" id="introduction" aria-label="With textarea"></textarea>
                        </div>

                        <div class="input-group mt-3">
                            <span class="input-group-text">課程內容<br>(文字編輯器)</span>
                            <textarea class="form-control" id="content" aria-label="With textarea"></textarea>
                        </div>
                    </div>
                </div>

                <div class="send_button text-end">
                    <div>
                        <!-- <button type="button"  class="btn btn-secondary">取消</button> -->
                        <button type="button" id="submit" 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 type="module" src="/js/module.js"></script> -->
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script async defer src="/js/index.js"></script>

</body>

</html>