@extends('layout.default')
@section('page_toolbar')
    <!-- <a href="{{ url('tutor/tasks') }}" class="btn btn-info btn-sm mr-2">
<i class="icon-1x fas fa-list"></i> List Tasks
</a> -->
    &nbsp;<a class="btn btn-success px-2 font-weight-bold btn-sm"
             href="{{ url('tutor/tasks/'.$task[0]->id.'/edit/questions') }}">
        <i class="fas fa-angle-double-left" aria-hidden="true"></i> Back
    </a>
@endsection
@section('content')
    <div id="overlay" style="display:none;">
        <div class="loader">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <!--begin::Content-->
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="row">
        @include('layout.top-ads')
        <div class="col-12 my-5">
            <div class="row">
                <div class="col-md-3" id="kt_profile_aside">
                    <!--begin::Profile Card-->
                    <div class="card card-custom card-stretch">
                        <!--begin::Body-->
                        <div class="card-body">
                            <div class="scroll scroll-pull" data-scroll="true">
                                <h4>Summary</h4>
                                <div class="d-flex align-items-center justify-content-between mb-2">
                                    <a href="{{ url('tutor/tasks/'.$task[0]->id.'/edit/questions') }}">
                                        <button type="submit" class="btn btn-sm btn-primary" id="nextbtn">Update
                                            Questions
                                        </button>
                                    </a>
                                </div>
                                <div class="pr-1" id="summaryDiv">
                                    @if(!$summary->student_filter)
                                        @forelse($summary->classes_filter as $key=>$class)
                                        <div class="d-flex align-items-center justify-content-between mb-2">
                                        <span class="font-weight-bold mr-2">
                                                {{ $class->name }}  </span>
                                            </div>
                                        @empty
                                        @endforelse
                                    @else    
                                    
                                        @forelse($summary->student_filter as $key=>$student)
                                        <div class="d-flex align-items-center justify-content-between mb-2">
                                        <span class="font-weight-bold mr-2">
                                                {{ $student->name }}  </span>
                                            </div>
                                        @empty
                                        @endforelse   
                                    @endif

                                     @foreach($summary->units_filter as $key=>$unit)
                                        <div class="d-flex align-items-center justify-content-between mb-2">
                                            <span class="font-weight-bold mr-2">{{ $unit->name }} 
                                            {{ (($check_videos != null) && (in_array($unit->id, $check_videos))) ? '' : '' }}
                                            {{ (($check_quizs != null) && (in_array($unit->id, $check_quizs))) ? '' : '' }}
                                            </span>
                                        </div>
                                    @endforeach 
                                </div>
                            </div>
                        </div>
                        <!--end::Body-->
                    </div>
                    <!--end::Profile Card-->
                </div>
                <div class="col-md-9">
                    <!--begin::Card-->
                    <div class="card card-custom card-stretch">

                        <!--begin::Form-->
                        <form method="post" class="form" novalidate="novalidate" id="taskform" name="taskform"
                              action="{{ url('tutor/tasks/edit/step-3/update') }}" enctype="multipart/form-data">
                            {{ csrf_field() }}
                            <input type="hidden" name="task_id" id="task_id" value="{{$task[0]->id}}"/>
                            <div class="row">
                                <div class="form-group col-xl-6 col-lg-6">
                                    <label class="col-xl-4 col-lg-4 col-form-label font-weight-bolder">Start
                                        Date</label>
                                    <div class="col-xl-12 col-lg-12 input-group date" id="startdate">
                                        <input type='text' name="start_date" onkeydown="return false"
                                               class="form-control"/>
                                        <div class="input-group-append">
                                        <span class="input-group-text">
                                            <i class="la la-calendar"></i>
                                        </span>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group col-xl-6 col-lg-6">
                                    <label class="col-xl-3 col-lg-3 col-form-label font-weight-bolder">End Date</label>
                                    <div class="col-xl-12 col-lg-12 input-group date" id='enddate'>
                                        <input type='text' name="end_date" onkeydown="return false"
                                               class="form-control"/>
                                        <div class="input-group-append">
                                        <span class="input-group-text">
                                            <i class="la la-calendar"></i>
                                        </span>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="form-group col-xl-6 col-lg-6">
                                    <label class="col-xl-12 col-lg-12 col-form-label font-weight-bolder">Task
                                        Name</label>
                                    <div class="col-xl-12 col-lg-12">
                                        <input type="text" name="task_name" id="task_name" value="{{$task[0]->name}}"
                                               class="form-control">
                                    </div>
                                </div>

                                <div class="form-group col-xl-6 col-lg-6">
                                    <label class="col-xl-12 col-lg-12 col-form-label font-weight-bolder">Task
                                        Notes</label>
                                    <div class="col-xl-12 col-lg-12">
                                    <textarea name="note" id="note" class="form-control" col="4"
                                              rows="5">{{$task[0]->note}}</textarea>
                                    </div>
                                </div>

                            </div>


                            <div class="col-sm-2 qstn-btn-wrapper pull-right" style="    margin-bottom: 33px;">
                                <button type="submit" id="tasksubmitbtn" class="btn btn-success nextbtn">Assign Tasks
                                </button>
                            </div>


                        </form>
                        <!--end::Form-->
                    </div>
                </div>
            </div>
        </div>
        @include('layout.bottom-ads')
    </div>
@endsection

@push('page-css')

@endpush


@section('styles')
    <link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
@endsection

@section('scripts')
    <script
        src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>


    <script type="text/javascript">
        // Wait for the DOM to be ready


        // $(function() {
        //   // Initialize form validation on the registration form.
        //   // It has the name attribute "registration"
        //   $("form[name='taskform']").validate({
        //     // Specify validation rules
        //     rules: {
        //       // The key name on the left side is the name attribute
        //       // of an input field. Validation rules are defined
        //       // on the right side
        //       task_name: "required",
        //       lastname: "requireclassFormemail should be validated
        //         // by the built-in "email" rule
        //         email: true
        //       },
        //       password: {
        //         required: true,
        //         minlength: 5
        //       }
        //     },
        //     // Specify validation error messages
        //     messages: {
        //         task_name: "Please enter your firstname",
        //       lastname: "Please enter your lastname",
        //       password: {
        //         required: "Please provide a password",
        //         minlength: "Your password must be at least 5 characters long"
        //       },
        //       email: "Please enter a valid email address"
        //     },
        //     // Make sure the form is submitted to the destination defined
        //     // in the "action" attribute of the form when valid
        //     submitHandler: function(form) {
        //       form.submit();
        //     }
        //   });
        // });


        // $("#dateSelector").datepicker("setDate", "10/12/2012");
        // "setDate", "
        var start_date  = '{{ date("d-m-Y", strtotime($task[0]->start_date)) }}';
        var end_date = '{{ date("d-m-Y", strtotime($task[0]->end_date)) }}';
        // alert(end_date)
        $('#startdate').datepicker({
            format: 'dd-mm-yyyy',
           // startDate: new Date(),
            todayHighlight: true,
            autoclose: true,
        }).on('changeDate', function (selected) {
            // var minDate = new Date(selected.date.valueOf());
            // $('#enddate').datepicker('setStartDate', minDate);
        });

        $('#startdate').datepicker('setDate', start_date).datepicker('fill');

        $('#enddate').datepicker({
            format: 'dd-mm-yyyy',
            startDate: new Date(),
            todayHighlight: true,
            autoclose: true
        }).on('changeDate', function (selected) {
            // var minDate = new Date(selected.date.valueOf());
            // $('#startdate').datepicker('setEndDate', minDate);
        });

        $('#enddate').datepicker('setDate', end_date).datepicker('fill');

        $('#startdate').datepicker().on('changeDate', function (selected) {
            var minDate = new Date(selected.date.valueOf());
            $('#enddate').datepicker('setStartDate', minDate);
        });
        $('#startdate').datepicker().on('changeDate', function (selected) {
            var minDate = new Date(selected.date.valueOf());
            $('#enddate').datepicker('setStartDate', minDate);
        });

        document.addEventListener('DOMContentLoaded', function (e) {
            FormValidation.formValidation(
                document.getElementById('taskform'),
                {
                    fields: {
                        task_name: {
                            validators: {
                                notEmpty: {
                                    message: 'Please enter task name'
                                }
                            }
                        },
                        start_date: {
                            validators: {
                                notEmpty: {
                                    message: 'Please enter start date'
                                }
                            }
                        },
                        end_date: {
                            validators: {
                                notEmpty: {
                                    message: 'Please enter end date'
                                }
                            }
                        },

                    },
                    plugins: {
                        trigger: new FormValidation.plugins.Trigger(),
                        bootstrap: new FormValidation.plugins.Bootstrap(),
                        submitButton: new FormValidation.plugins.SubmitButton(),
                        trigger: new FormValidation.plugins.Trigger(),

                        // icon: new FormValidation.plugins.Icon({
                        //     valid: 'fa fa-check',
                        //     invalid: 'fa fa-times',
                        //     validating: 'fas fa-refresh'
                        // }),
                    },
                }
            ).on('core.form.valid', function () {

                var form = $("#taskform");
                form.submit();


            });

        });


    </script>

@endsection