@extends('layouts.new')

@section('title')
    ไทม์ไลน์การพัฒนาระบบ :: LT-99
@endsection

@section('content')
    <!-- App Header -->
    <div class="appHeader bg-luxury">
        
        <div class="pageTitle font-weight-bold text-yellow">
            ไทม์ไลน์การพัฒนาระบบ
        </div>
    </div>
    <!-- * App Header -->


    <!-- App Capsule -->
    <div id="appCapsule">

        <div class="section wallet-card-section mb-2">
            <div class="section-title">with Time Labels</div>
            <div class="card">
                <!-- timeline -->
                <div class="timeline timed ml-1 mr-2">

                    <div class="item">
                        <span class="time">15 พ.ย.</span>
                        <div class="dot bg-yellow"></div>
                        <div class="content">
                            <h4 class="title">วางแผนการปรับปรุง และพัฒนางาน</h4>
                            <div class="text">กำหนดขอบเขตการทำงาน, กำหนดเครื่องมือที่จำเป็นต่อการพัฒนา ฯลฯ</div>
                        </div>
                    </div>
                    <div class="item">
                        <span class="time">20 พ.ย.</span>
                        <div class="dot bg-yellow"></div>
                        <div class="content">
                            <h4 class="title">ดำเนินการปรับปรุง หน้าตาเว็บไซต์ และระบบ</h4>
                            <div class="text">ปรับแต่งหน้าตาระบบ และ เว้บไซต์ ตามแบบแผนที่วางไว้ เพื่อให้ง่ายต่อผู้ใช้งาน</div>
                        </div>
                    </div>
                    <div class="item">
                        <span class="time">30 พ.ย.</span>
                        <div class="dot bg-yellow"></div>
                        <div class="content">
                            <h4 class="title">ดำเนินการตั้งค่า Terminal Web API พื้นฐาน</h4>
                            <div class="text">ตั้งค่า และ ทดสอบ ระบบพื้นฐานที่จำเป็นาำหรับการเป็นเว็บแม่ (Terminal API)</div>
                        </div>
                    </div>
                </div>
                <!-- * timeline -->
            </div>
            <div class="card mt-3">
                <!-- timeline -->
                <div class="timeline timed ml-1 mr-2">

                    <div class="item">
                        <span class="time">10 ธ.ค.</span>
                        <div class="dot bg-info"></div>
                        <div class="content">
                            <h4 class="title">กำหนดส่ง หน้าตาระบบ และเว็บแบบใหม่</h4>
                            <div class="text">ส่งมอบและตรวจสอบ หน้าตาระบบ และเว็บแบบใหม่</div>
                        </div>
                    </div>
                    <div class="item">
                        <span class="time">15 ธ.ค.</span>
                        <div class="dot bg-info"></div>
                        <div class="content">
                            <h4 class="title">ทดสอบการทำงานในรูปแบบเว็บแม่ (Terminal API) เบื้องต้น</h4>
                            <div class="text">ดำเนินการทดสอบการทำงานของระบบในการเป็น Terminal API</div>
                        </div>
                    </div>
                    <div class="item">
                        <span class="time">22 ธ.ค.</span>
                        <div class="dot bg-info"></div>
                        <div class="content">
                            <h4 class="title">ทดสอบการทำงานของ เว็บแม่ และ การขยายเครือข่าย</h4>
                            <div class="text">ทดสอบการทำงานของระบบเว็บแม่ และการขยายเครือข่ายของระบบ</div>
                        </div>
                    </div>
                    <div class="item">
                        <span class="time">25 ธ.ค.</span>
                        <div class="dot bg-info"></div>
                        <div class="content">
                            <h4 class="title">ทดสอบการทำงานของระบบจริง</h4>
                        </div>
                    </div>
                </div>
                <!-- * timeline -->
            </div>
            <div class="card mt-3">
                <!-- timeline -->
                <div class="timeline timed ml-1 mr-2">
                    <div class="item">
                        <span class="time">1 ม.ค. - 31 ม.ค.</span>
                        <div class="dot bg-primary"></div>
                        <div class="content">
                            <h4 class="title">เก็บรายละเอียดงาน และ แก้ไขปัญหา</h4>
                        </div>
                    </div>
                </div>
                <!-- * timeline -->
            </div>
            
            <div class="card mt-3">
                <!-- timeline -->
                <div class="timeline timed ml-1 mr-2">
                    <div class="item">
                        <span class="time">งบประมาณ</span>
                        <div class="dot bg-danger"></div>
                        <div class="content">
                            <h4 class="title">500,000 บาท</h4>
                            <div class="text">(ห้าแสนบาทถ้วน)</div>
                        </div>
                    </div>
                </div>
                <!-- * timeline -->
            </div>
            
        </div>


        <!-- app footer -->
        <div class="appFooter">
            <div class="footer-title">
                Copyright © NiSK-Dev 2020. All Rights Reserved.
            </div>
        </div>
        <!-- * app footer -->

    </div>
    <!-- * App Capsule -->


    <!-- App Bottom Menu -->
    <div class="appBottomMenu">
        <a href="app-index.html" class="item active">
            <div class="col">
                <ion-icon name="home"></ion-icon>
                <strong>หน้าแรก</strong>
            </div>
        </a>
        <a href="app-pages.html" class="item">
            <div class="col">
                <ion-icon name="document-text-outline"></ion-icon>
                <strong>โพยหวย</strong>
            </div>
        </a>
        <a href="app-components.html" class="item">
            <div class="col">
                <ion-icon name="apps-outline"></ion-icon>
                <strong>แทงหวย</strong>
            </div>
        </a>
        <a href="app-cards.html" class="item">
            <div class="col">
                <ion-icon name="card-outline"></ion-icon>
                <strong>บัญชี</strong>
            </div>
        </a>
        <a href="app-settings.html" class="item">
            <div class="col">
                <ion-icon name="settings-outline"></ion-icon>
                <strong>ตั้งค่า</strong>
            </div>
        </a>
    </div>
    <!-- * App Bottom Menu -->

    <!-- App Sidebar -->
    <div class="modal fade panelbox panelbox-left" id="sidebarPanel" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body p-0">
                    <!-- profile box -->
                    <div class="profileBox pt-2 pb-2">
                        <div class="image-wrapper">
                            <img src="assets/img/sample/avatar/avatar1.jpg" alt="image" class="imaged  w36">
                        </div>
                        <div class="in">
                            <strong>Sebastian Doe</strong>
                            <div class="text-muted">4029209</div>
                        </div>
                        <a href="#" class="btn btn-link btn-icon sidebar-close text-luxury" data-dismiss="modal">
                            <ion-icon name="close-outline"></ion-icon>
                        </a>
                    </div>
                    <!-- * profile box -->
                    <!-- balance -->
                    <div class="sidebar-balance">
                        <div class="listview-title">เครดิตคงเหลือ</div>
                        <div class="in">
                            <h1 class="amount">2,562.50</h1>
                        </div>
                    </div>
                    <!-- * balance -->

                    <!-- action group -->
                    <div class="action-group">
                        <a href="app-index.html" class="action-button">
                            <div class="in">
                                <div class="iconbox text-yellow">
                                    <ion-icon name="add-outline"></ion-icon>
                                </div>
                                ฝากเครดิต
                            </div>
                        </a>
                        <a href="app-index.html" class="action-button">
                            <div class="in">
                                <div class="iconbox text-yellow">
                                    <ion-icon name="arrow-down-outline"></ion-icon>
                                </div>
                                ถอนเครดิต
                            </div>
                        </a>
                        <a href="app-cards.html" class="action-button">
                            <div class="in">
                                <div class="iconbox text-yellow">
                                    <ion-icon name="card-outline"></ion-icon>
                                </div>
                                บัญชี
                            </div>
                        </a>
                        <a href="app-index.html" class="action-button">
                            <div class="in">
                                <div class="iconbox text-yellow">
                                    <ion-icon name="swap-vertical"></ion-icon>
                                </div>
                                ประวัติ
                            </div>
                        </a>
                    </div>
                    <!-- * action group -->

                    <!-- menu -->
                    <div class="listview-title mt-1">Menu</div>
                    <ul class="listview flush transparent no-line image-listview">
                        <li>
                            <a href="app-index.html" class="item">
                                <div class="icon-box bg-primary">
                                    <ion-icon name="pie-chart-outline"></ion-icon>
                                </div>
                                <div class="in">
                                    Overview
                                    <span class="badge badge-primary">10</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="app-pages.html" class="item">
                                <div class="icon-box bg-primary">
                                    <ion-icon name="document-text-outline"></ion-icon>
                                </div>
                                <div class="in">
                                    Pages
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="app-components.html" class="item">
                                <div class="icon-box bg-primary">
                                    <ion-icon name="apps-outline"></ion-icon>
                                </div>
                                <div class="in">
                                    Components
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="app-cards.html" class="item">
                                <div class="icon-box bg-primary">
                                    <ion-icon name="card-outline"></ion-icon>
                                </div>
                                <div class="in">
                                    My Cards
                                </div>
                            </a>
                        </li>
                    </ul>
                    <!-- * menu -->

                    <!-- others -->
                    <div class="listview-title mt-1">Others</div>
                    <ul class="listview flush transparent no-line image-listview">
                        <li>
                            <a href="app-settings.html" class="item">
                                <div class="icon-box bg-primary">
                                    <ion-icon name="settings-outline"></ion-icon>
                                </div>
                                <div class="in">
                                    Settings
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="component-messages.html" class="item">
                                <div class="icon-box bg-primary">
                                    <ion-icon name="chatbubble-outline"></ion-icon>
                                </div>
                                <div class="in">
                                    Support
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="app-login.html" class="item">
                                <div class="icon-box bg-primary">
                                    <ion-icon name="log-out-outline"></ion-icon>
                                </div>
                                <div class="in">
                                    Log out
                                </div>
                            </a>
                        </li>
                    </ul>
                    <!-- * others -->

                    <!-- send money -->
                    <div class="listview-title mt-1">Send Money</div>
                    <ul class="listview image-listview flush transparent no-line">
                        <li>
                            <a href="#" class="item">
                                <img src="assets/img/sample/avatar/avatar2.jpg" alt="image" class="image">
                                <div class="in">
                                    <div>Artem Sazonov</div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="item">
                                <img src="assets/img/sample/avatar/avatar4.jpg" alt="image" class="image">
                                <div class="in">
                                    <div>Sophie Asveld</div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="item">
                                <img src="assets/img/sample/avatar/avatar3.jpg" alt="image" class="image">
                                <div class="in">
                                    <div>Kobus van de Vegte</div>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <!-- * send money -->

                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
@endsection