@extends('layouts.admin')
@section('css')
    <style>

        #neonShadow {
            transition: 0.3s;
            background-color: #fe0028;
            animation: glow 1s infinite;
            transition: 0.5s;
        }

        #neonShadow:hover {
            transform: translateX(-20px) rotate(30deg);
            border-radius: 5px;
            background-color: blue;
            transition: 0.5s;
        }

        @keyframes glow {
            0% {
                box-shadow: 5px 5px 20px rgb(93, 52, 168), -5px -5px 20px rgb(93, 52, 168);
            }

            50% {
                box-shadow: 5px 5px 20px rgb(81, 224, 210), -5px -5px 20px rgb(81, 224, 210)
            }
            100% {
                box-shadow: 5px 5px 20px rgb(93, 52, 168), -5px -5px 20px rgb(93, 52, 168)
            }
        }

        .container ul {
            margin: 0;
            margin-top: 10px;
            list-style: none;
            position: relative;
            padding: 1px 30px;
            color: #000000;
            font-size: 13px;
        }

        .container ul:before {
            content: "";
            width: 1px;
            height: 100%;
            position: absolute;
            border-left: 2px dashed #000000;
        }

        .container ul li {
            position: relative;
            margin-left: 30px;
            background-color: #03B4FA;
            padding: 14px;
            border-radius: 6px;
            width: 250px;
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.08);
        }

        .container ul li:not(:first-child) {
            margin-top: 60px;
        }

        .container ul li > span {
            width: 2px;
            height: 100%;
            background: #000000;
            left: 248px;
            top: 0;
            position: absolute;
        }

        .container ul li > span:before, .container ul li > span:after {
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 50%;
            border: 1px solid #000000;
            position: absolute;
            background: #86b7e7;
            left: -4px;
            top: -4px;
        }

        .container ul li span:after {
            top: 100%;
        }

        .container ul li > div {
            margin-left: 10px;
        }

        .container div .title, .container div .type {
            font-weight: 600;
            font-size: 12px;
        }

        .container div .info {
            font-weight: 300;
        }

        .container div > div {
            margin-top: 5px;
        }

        .container span.number {
            height: 100%;
        }

        .container span.number span {
            position: absolute;
            font-size: 13px;
            left: 7px;
            font-weight: bold;
        }

        .container span.number span:first-child {
            top: -1px;
        }

        .container span.number span:last-child {
            top: 100%;
        }
    </style>

@endsection('css')
@section('script')
    <script type="text/javascript">
        $(document).ready(function () {
            $("#exampleModal").modal('show');
        });
    </script>
    <script src="/js/sweetalert.min.js"></script>
    @include('sweet::alert')
@endsection('script')
@section('navbar')

@endsection('navbar')
@section('sidebar')

@endsection('sidebar')
@section('content')
    <div class="row">
        <div class="card col-md-12 " STYLE="background-color: #F1FAF3;overflow: scroll;height: 500px">
            <div class="card-body">
                <h5 class="card-title">
                    برنامه آزمون ها
                </h5>
                <div class="table-wrapper-scroll-y my-custom-scrollbar">
                    <table class="table table-bordered table-striped mb-0 table-fixed" id="myTable">
                        <thead>
                        <tr style="text-align: center">
                            <th>
                                تاریخ
                            </th>
                            @foreach($classList as $classLis)
                                <th>{{$classLis->classnamber}}</th>
                            @endforeach

                        </tr>
                        </thead>
                        <tbody>

                        @foreach($table as $key=>$td)

                            <tr style="text-align: center">
                                <td>
                                                                            @if(count($pieces)==3)
                                        {{(new \Morilog\Jalali\Jalalian($pieces[0], $pieces[1], $pieces[2]))->format('%A')}}
                                        {{$key}}
                                    @else

                                    @endif
                                </td>
                                @foreach($td as $t)
                                    <td>

                                        @if(!empty($t))

                                            @foreach($t as $d)
                                           
                                                {{$d['dars']}} &nbsp
                                                <br>
                                                {{$d['title']}}
                                            @endforeach
                                        @else
                                            {{$t}}
                                        @endif
                                    </td>

                                @endforeach
                            </tr>

                        @endforeach
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
        <br>
 <!--       <div class="card  col-md-6">-->
 <!--           <div class="card-body">-->
 <!--               <h5 class="card-title">پیام های شما</h5>-->

 <!--               @foreach($messages as $message)-->
 <!--                   <div class="alert alert-danger alert-dismissible fade show" role="alert">-->
 <!--                       {!! $message->message !!}-->
 <!--                       <button type="button" class="close" data-dismiss="alert" aria-label="Close">-->
 <!--                           <span aria-hidden="true">×</span>-->
 <!--                       </button>-->
 <!--                   </div>-->
 <!--               @endforeach-->
 <!--           </div>-->
 <!--       </div>-->
 <!--               <div class="col-md-6">-->

 <!--               <div class="d-flex flex-row table-responsive noprint" id="printbtn">-->
 <!--           <div class="p-2">-->
 <!--               <div class="card  overflow-hidden ">-->
 <!--                   <a href="/admin/student/rollcall/today_absent">-->
 <!--                       <div class="card-body  rounded   text-center">-->
 <!--                           <img src="/assets/images/icon/absents.png" width="50" height="50">-->
 <!--                           <p>غایبین امروز</p>-->
 <!--                       </div>-->
 <!--                   </a>-->
 <!--               </div>-->
 <!--           </div>-->
 <!--           <div class="p-2">-->
 <!--               <div class="card  overflow-hidden ">-->
 <!--                   <a href="/admin/disiplin_report">-->
 <!--                       <div class="card-body  rounded   text-center">-->
 <!--                           <img src="/assets/images/icon/disipline.png" width="50" height="50">-->
 <!--                           <p>مسایل انضباطی امروز</p>-->
 <!--                       </div>-->
 <!--                   </a>-->
 <!--               </div>-->
 <!--           </div>-->
 <!--       </div>-->
 <!--</div>-->
 
    </div>
    @if(!empty($modal))
        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
             aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">پیام مدیریت</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        {!! $modal->message !!}

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">بستن</button>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection('content')