@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">

        <div class="date_panel">
            <p class="text-center"><span class="date_para">{{ simpleDate() }}</span></p>
        </div>

        <div class="col-md-10">
            <div class="card">

                <div class="card-body">
                    <button class="btn btn-sm btn-primary" onclick="window.history.back();">Back</button>
                    <hr>

                    <div class="alert alert-light">
                        <p class="my_header_1">About DCIMS Web Application</p>
                        <p class="my_header_2">
                            Daily Class Implementation Management System (DCIMS) is simple and easy to
                            use web application developed to <b>computerize</b> the manual-based daily class implementation
                            to enhance <b>efficiency</b> and <b>effectiveness</b>.
                        </p>
                    </div>


                    <div class="alert alert-light">
                        <p class="my_header_1">How to Use this System</p>

                        <p class="my_header_2">
                            <ol>                                <li>
                                    You need registered <b>email</b> and <b>password</b> to login
                                </li>
                                <li>
                                    In case you <b>forgot</b> your password, request the system for password reset by following <b><i>Forgot your password?</i></b> link.
                                    Follow a link sent to your email to <b>set</b> a new password, after sending <b>password reset link</b> to your email.
                                </li>
                                <li>
                                    <b>Remember</b> <i>Email</i> cannot be edited or changed.
                                </li>
                                <li @style('list-style-type: none;')>
                                    <br>
                                </li>
                                @switch(Auth::user()->role)
                                    @case(0)
                                        <li>

                                        </li>
                                        @break
                                    @case(1)
                                        <li>

                                        </li>
                                        @break
                                    @case(2)
                                        <li>

                                        </li>
                                        @break
                                    @case(3)
                                        <li>

                                        </li>
                                        @break
                                    @case(4)
                                        <li @style('list-style-type: none;')>
                                            <p class="my_header_1">Date Setting</p>
                                        </li>
                                        <li>
                                            <p>Enter <b>Local Date</b> in specified date format after <b>signin</b></p>
                                        </li>
                                        <li @style('list-style-type: none;')>
                                            <p class="my_header_1">Monitoring Classes</p>
                                        </li>
                                        <li>
                                            <p>Everytime you clicked on <b>Home</b> link, you will see a list of class schedules for <b>this day</b> only, if there is one.</p>
                                        </li>
                                        <li>
                                            <p>
                                                For each class schedules, you fill find <b>Action</b> and <b>Status</b> columns. This will help you undestand what actions you
                                                can take or you had taken.
                                            </p>
                                        </li>
                                        <li>
                                            <p>
                                                Click on <b>Check</b> or <b>Update</b> button to <b>monitor</b> a specified class schedule.
                                            </p>
                                        </li>
                                        <li>
                                            <p>
                                                On <b>monitoring</b> you will have two options either <b>conducted</b> or <b>not conducted</b>. If class was not conducted
                                                set class monitoring to <b>not conducted</b> which will be processed further by your respective <b>coordinator.</b>
                                            </p>
                                        </li>
                                        <li>
                                            At last or in meanwhile, you can view summary by clicking on <b>View Today's Summary</b> button.
                                        </li>
                                        {{-- <li @style('list-style-type: none;')>
                                            <br>
                                            <p class="my_header_1">What if class postponed?</p>
                                        </li>
                                        <li>
                                            <p>
                                                <b>Before</b> <b>monitoring</b> the class, <b>click</b> on <b>Postpone Class </b> red button below the line.
                                            </p>
                                            <p>
                                                There you will select, <b>planed date</b> or <b>to be postponed to</b> date.
                                            </p>
                                        </li>
                                        <li>
                                            <p>Once postponed, this class schedule will be monitored with other classes planed to the specified date and <b>removed </b> from today's list</p>
                                        </li> --}}
                                        <li @style('list-style-type: none;')>
                                            <br>
                                            <p class="my_header_1">Remember</p>
                                        </li>
                                        <li>
                                            <p>
                                                If you are the only <b>expert</b> of your college, you must monitor all classes in order to forward today's
                                                implementation data to <b>coordinator.</b>
                                            </p>
                                            <p>
                                                But in case, there are other <b>expert/s</b> you can <b>forward</b> your part to <b>coordinator.</b>
                                                <b>If one or more class were jumped/unmonitored, the system report that number to the office (AAQAD) directly.</b>
                                            </p>
                                        </li>
                                        <li>
                                            <p>When you complete <b>monitoring</b> all classes. <b>Review your summary</b> and </p>
                                            <p>
                                                click on <b>Forward Page</b> in order to <b>sign, confirm and compose</b> message to <b>coordinator.</b>
                                            </p>
                                        </li>
                                        <li>
                                            <p> <b>In case you hesitate correct date setting, you can click on update and set correct local date.</b></p>
                                        </li>
                                        <li>
                                            <p>
                                                <b>*make sure given data is correct</b> becase clicking on <b>Send Summary</b> button initiates non-reversable events.
                                            </p>
                                            <p>
                                                Once you confirm all are good, click on  <b>send summary</b> button.
                                            </p>
                                        </li>

                                        <li>
                                            <p>
                                                <b>Lastly,</b> your respective coordinator recieves email notification and have an access to <b>the data you sent.</b>
                                            </p>
                                        </li>
                                        @break
                                    @default
                                @endswitch
                                <li>
                                    <p>In case you see, <b>You found this page because ...</b> email notification was not <b>sent successfully</b></p>
                                    <p>
                                        try <b>resending.</b> but <b>coordinator can still have access to information from DCIMS</b>
                                    </p>
                                </li>

                                <li @style('list-style-type: none;')>
                                    <br>
                                    <p class="date_para">Good Luck</p>
                                </li>
                            </ol>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection