@extends('admin.include.main')
@section('content')
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>Basic Data Tables example with responsive plugin</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="#" class="dropdown-item">Config option 1</a>
                                </li>
                                <li><a href="#" class="dropdown-item">Config option 2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <form action="{{route('add.routine.student')}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" value="{{$classid}}" name="class_id">
                            <input type="hidden" value="{{$sectionid}}" name="sec_id">



                        <div class="table-responsive">
                            <table class="table table-striped table-bordered table-hover" >
                                <thead>
                                <tr>
                                    <th>S.N</th>
                                    <th>First</th>
                                    <th>Second</th>
                                    <th>Third</th>
                                    <th>Fourth</th>
                                    <th>Fifth</th>
                                    <th>Sixth</th>
                                    <th>Seventh</th>
                                    <th>Eighth</th>

                                </tr>


                                </thead>
                              <tbody>
                                <tr>
                                    <td>Sunday</td>
                                    <td>
                                        <input type="text" name="sun1" class="form-control">
                                    </td>
                                    <td>
                                        <input type="text" name="sun2" class="form-control">
                                    </td>
                                    <td>
                                        <input type="text" name="sun3" class="form-control">
                                    </td><td>
                                        <input type="text" name="sun4" class="form-control">
                                    </td>
                                    <td>
                                        <input type="text" name="sun5" class="form-control">
                                    </td>
                                    <td>
                                        <input type="text" name="sun6" class="form-control">
                                    </td>
                                    <td>
                                        <input type="text" name="sun7" class="form-control">
                                    </td>
                                    <td>
                                        <input type="text" name="sun8" class="form-control">
                                    </td>
                                </tr>
                                <tr>
                                    <td>Monday</td>
                                    <td>
                                        <input type="text" name="mon1" class="form-control">
                                    </td>
                                    <td>
                                        <input type="text" name="mon2" class="form-control">
                                    </td><td>
                                        <input type="text" name="mon3" class="form-control">
                                    </td><td>
                                        <input type="text" name="mon4" class="form-control">
                                    </td><td>
                                        <input type="text" name="mon5" class="form-control">
                                    </td><td>
                                        <input type="text" name="mon6"class="form-control">
                                    </td><td>
                                        <input type="text" name="mon7"  class="form-control">
                                    </td><td>
                                        <input type="text" name="mon8" class="form-control">
                                    </td>
                                </tr>
                                <tr>
                                    <td>Tuesday</td>
                                    <td>
                                        <input type="text" name="tue1" class="form-control">
                                    </td>
                                    <td>
                                        <input type="text" name="tue2" class="form-control">
                                    </td><td>
                                        <input type="text" name="tue3" class="form-control">
                                    </td><td>
                                        <input type="text" name="tue4" class="form-control">
                                    </td><td>
                                        <input type="text" name="tue5" class="form-control">
                                    </td><td>
                                        <input type="text" name="tue6" class="form-control">
                                    </td><td>
                                        <input type="text" name="tue7" class="form-control">
                                    </td><td>
                                        <input type="text" name="tue8" class="form-control">
                                    </td>
                                </tr>
                                <tr>
                                    <td>Wednesday</td>
                                    <td>
                                        <input type="text" name="wed1" class="form-control">
                                    </td>
                                    <td>
                                        <input type="text" name="wed2" class="form-control">
                                    </td><td>
                                        <input type="text" name="wed3" class="form-control">
                                    </td><td>
                                        <input type="text" name="wed4" class="form-control">
                                    </td><td>
                                        <input type="text" name="wed5" class="form-control">
                                    </td><td>
                                        <input type="text" name="wed6" class="form-control">
                                    </td><td>
                                        <input type="text" name="wed7" class="form-control">
                                    </td><td>
                                        <input type="text" name="wed8" class="form-control">
                                    </td>
                                </tr>
                                <tr>
                                    <td>Thursday</td>
                                    <td>
                                        <input type="text" name="thurs1" class="form-control">
                                    </td>
                                    <td>
                                        <input type="text" name="thurs2" class="form-control">
                                    </td><td>
                                        <input type="text" name="thurs3" class="form-control">
                                    </td><td>
                                        <input type="text" name="thurs4" class="form-control">
                                    </td><td>
                                        <input type="text" name="thurs5" class="form-control">
                                    </td><td>
                                        <input type="text" name="thurs6" class="form-control">
                                    </td><td>
                                        <input type="text" name="thurs7" class="form-control">
                                    </td><td>
                                        <input type="text" name="thurs8" class="form-control">
                                    </td>
                                </tr>
                                <tr>
                                    <td>Friday</td>
                                    <td>
                                        <input type="text" name="fri1" class="form-control">
                                    </td>
                                    <td>
                                        <input type="text" name="fri2" class="form-control">
                                    </td><td>
                                        <input type="text" name="fri3" class="form-control">
                                    </td><td>
                                        <input type="text" name="fri4" class="form-control">
                                    </td><td>
                                        <input type="text" name="fri5" class="form-control">
                                    </td><td>
                                        <input type="text" name="fri16" class="form-control">
                                    </td><td>
                                        <input type="text" name="fri7" class="form-control">
                                    </td>
                                    <td>
                                        <input type="text" name="fri8" class="form-control">
                                    </td>
                                </tr>
                                </tbody>

                            </table>


                        </div>
                            <div class="ibox-content">
                                <h2 class="text-success" s>Choose File To Upload</h2>
                                <hr>
                                <h3 class="text-info">Upload Image</h3>
                                <hr>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div>
                                            <div class="controls">
                                                <input type="file" id="image" name="image" class="form-control btn btn-success" > </div><br>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div>
                                            <img src="{{asset('adminpanel/uploads/student_routine/upload.png')}}" id="current_image" width="80px" height="80px">
                                        </div>
                                    </div>

                                </div>
                                <button type="submit" class="btn btn-success">Add</button>

                            </div>


                    </div>
                </div>
            </div>

        </div>

    </form>
    </div>


    <script type="text/javascript">
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('#current_image').attr('src', e.target.result);
                }
                reader.readAsDataURL(input.files[0]);
            }
        }
        $("#image").change(function(){
            readURL(this);
        });
        </script>

@endsection