@extends('layouts.frontend')
@section('content')
<link href="{{ asset('assets/bsetec/static/css/front/style.css') }}" rel="stylesheet">
<link href="{{ asset('assets/bsetec/static/css/front/sub-style.css') }}" rel="stylesheet">
<link href="{{ asset('assets/bsetec/static/css/front/common.css') }}" rel="stylesheet">
<link href="{{ asset('assets/bsetec/css/taginputs/jquery.tagsinput.css') }}" rel="stylesheet">
<style type="text/css">
.form-group{ margin:25px 0px; }
.leftnopad{padding-left:0px !important;}
</style>
<div class="create-course">
<div class="container">
	<div class="row">
		<div class="col-sm-12">
            @include('course.courseheader')
        </div>
		<div class="col col-sm-3 multi_development">
			@include('course.createsidebar')
		</div>
		<div class="col col-sm-9">

			 <div class="lach_dev resp-tab-content course_tab">
                <div class="slider_divsblocks">
					<div>
						{!! Form::open(array('url'=>'course/updatecourse', 'method' => 'post','id'=>'coursecreateform' , 'class'=>'form-horizontal saveLabel','files' => true , 'parsley-validate'=>'','novalidate'=>' ')) !!}
						{!! Form::hidden('course_id', $course->course_id )  !!}
						{!! Form::hidden('step', $step )  !!}
						<div class="course_basic course_newbasic"><h4>{!! Lang::get('core.Online_Class').' '.Lang::get('core.m_setting')!!}</h4><p>{!! Lang::get('core.online_txt') !!}</p></div>

              <div class="form-group">
                  <label for="coursetype">{!! Lang::get('core.Course_Type')!!}</label>
                  <div class="col-md-12">
                      <div class="col-md-2 m-b-sm">
                          <input type="radio" name="coursetype_sel" id="coursetype_yes" class="form-control" value="online" @if($course->type == 'online') checked @endif /> Yes
                      </div>
                      <div class="col-md-2 m-b-sm">
                          <input type="radio" name="coursetype_sel" id="coursetype_no" class="form-control" value="offline" @if($course->type == 'offline') checked @endif /> No
                      </div>
                  </div>
                  <input type="hidden" name="coursetype" id="coursetype" value="{!! $course->type !!}">
              </div>
             @php  $schedule = ''; if($course->type == 'online') $schedule = json_decode($course->meeting_schedule); @endphp
            @php  if(!empty($schedule)) $frequency = $schedule->frequency; else $frequency = 'once'; @endphp
              <div class=" @if($course->type == 'offline') hide @endif online_part">
                  <div class="form-group">
                      <label for="coursefreq">{!! Lang::get('core.Course_Frequency')!!}</label>
                      <div class="col-md-12">
                          <div class="col-md-2 m-b-sm">
                              <input type="radio" name="coursefreq_sel" id="coursetype_once" class="form-control" value="once" @if($frequency == 'once') checked @endif /> Once
                          </div>
                          <div class="col-md-2 m-b-sm">
                              <input type="radio" name="coursefreq_sel" id="coursetype_daily" class="form-control" value="daily" @if($frequency == 'daily') checked @endif /> Daily
                          </div>
                          <div class="col-md-2 m-b-sm">
                              <input type="radio" name="coursefreq_sel" id="coursetype_weekly" class="form-control" value="weekly" @if($frequency == 'weekly') checked @endif /> Weekly
                          </div>
                      </div>
                      <input type="hidden" name="coursefreq" id="coursefreq" value="{!! $frequency !!}">
                  </div>
                  @php  $days = array(); if(!empty($schedule) && isset($schedule->frequency) && $schedule->frequency == 'weekly') { $days = explode(',',$schedule->days); } @endphp
                  @php if(!empty($schedule)) $defaultdays = $schedule->days; else $defaultdays = 'Monday'; @endphp
                  <div class="form-group @if(empty($schedule) || (isset($schedule->frequency) && $schedule->frequency != 'weekly')) hide @endif weekly_part">
                      <label for="coursetype">{!! Lang::get('core.Course_Frequency_Days')!!}</label>
                      <div class="col-md-12">
                          <div class="col-md-2 m-b-sm">
                              <input type="checkbox" name="coursefreq_days" id="coursetype_monday" class="form-control" value="Monday" @if(in_array("Monday",$days)) checked @elseif(empty($days)) checked @endif /> Monday
                          </div>
                          <div class="col-md-2 m-b-sm">
                              <input type="checkbox" name="coursefreq_days" id="coursetype_tuesday" class="form-control" value="Tuesday" @if(in_array("Tuesday",$days)) checked @endif /> Tuesday
                          </div>
                          <div class="col-md-2 m-b-sm">
                              <input type="checkbox" name="coursefreq_days" id="coursetype_wednesday" class="form-control" value="Wednesday" @if(in_array("Wednesday",$days)) checked @endif /> Wednesday
                          </div>
                          <div class="col-md-2 m-b-sm">
                              <input type="checkbox" name="coursefreq_days" id="coursetype_thursday" class="form-control" value="Thursday" @if(in_array("Thursday",$days)) checked @endif /> Thursday
                          </div>
                          <div class="col-md-2 m-b-sm">
                              <input type="checkbox" name="coursefreq_days" id="coursetype_friday" class="form-control" value="Friday" @if(in_array("Friday",$days)) checked @endif /> Friday
                          </div>
                          <div class="col-md-2 m-b-sm">
                              <input type="checkbox" name="coursefreq_days" id="coursetype_saturday" class="form-control" value="Saturday" @if(in_array("Saturday",$days)) checked @endif /> Saturday
                          </div>
                          <div class="col-md-2 m-b-sm">
                              <input type="checkbox" name="coursefreq_days" id="coursetype_sunday" class="form-control" value="Sunday" @if(in_array("Sunday",$days)) checked @endif /> Sunday
                          </div>
                          <input type="hidden" name="coursefreqdays" id="coursefreqdays" value="{!! $defaultdays !!}">
                      </div>
                  </div>
                  <div class="row">
                    <div class="col-md-6 @if(!empty($schedule) && isset($schedule->frequency) && $schedule->frequency != 'once') hide @endif once_part">
                      <div class="form-group">
                        <label for="coursedate">{!! Lang::get('core.create_course_date')!!}</label>
                        <input type="text" name="coursedate" class="form-control datetimenosec" id="coursedate" value="@if(!empty($schedule)){!!trim($schedule->date)!!}@endif" placeholder="{!! Lang::get('core.create_course_date')!!}">
                      </div>
                    </div>
                    <div class="col-md-6 @if(empty($schedule) || (isset($schedule->frequency) && $schedule->frequency == 'once')) hide @endif daily_part weekly_part">
                      <div class="form-group">
                        <label for="coursedatefrom">{!! Lang::get('core.create_course_date_from')!!}</label>
                        <input type="text" name="coursedatefrom" class="form-control date" id="coursedatefrom" value="@if(!empty($schedule)){!!trim($schedule->date_from)!!}@endif" placeholder="{!! Lang::get('core.create_course_date_from')!!}">
                      </div>
                    </div>
                    <div class="col-md-6 @if(empty($schedule) || (isset($schedule->frequency) && $schedule->frequency == 'once')) hide @endif daily_part weekly_part">
                      <div class="form-group">
                          <label for="coursedateto">{!! Lang::get('core.create_course_date_to')!!}</label>
                          <input type="text" name="coursedateto" class="form-control date" id="coursedateto" value="@if(!empty($schedule)){!!trim($schedule->date_to)!!}@endif" placeholder="{!! Lang::get('core.create_course_date_to')!!}">
                      </div>
                    </div>
                    <div class="col-md-6 @if(empty($schedule) || (isset($schedule->frequency) && $schedule->frequency == 'once')) hide @endif daily_part weekly_part">
                      <div class="form-group">
                          <label for="coursetime">{!! Lang::get('core.create_course_time')!!}</label>
                          <input type="text" name="coursetime" class="form-control timenosec" id="coursetime" value="@if(!empty($schedule)){!!trim($schedule->time)!!}@endif" placeholder="{!! Lang::get('core.course_time')!!}">
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                          <label for="coursetime_duration">{!! Lang::get('core.create_course_time_duration')!!}</label>
                          <select name="coursetime_duration" class="form-control">
                              <option value="">{!! Lang::get('core.select_duration')!!}</option>
                              <option value="30" @if(!empty($schedule) && $schedule->duration == '30') selected="selected" @endif>30 Minutes</option>
                              <option value="60" @if(!empty($schedule) && $schedule->duration == '60') selected="selected" @endif>1 Hour</option>
                              <option value="90" @if(!empty($schedule) && $schedule->duration == '90') selected="selected" @endif>1 Hour 30 Minutes</option>
                              <option value="120" @if(!empty($schedule) && $schedule->duration == '120') selected="selected" @endif>2 Hour</option>
                              <option value="150" @if(!empty($schedule) && $schedule->duration == '150') selected="selected" @endif>2 Hour 30 Minutes</option>
                              <option value="180" @if(!empty($schedule) && $schedule->duration == '180') selected="selected" @endif>3 Hour</option>
                              <option value="210" @if(!empty($schedule) && $schedule->duration == '210') selected="selected" @endif>3 Hour 30 Minutes</option>
                              <option value="240" @if(!empty($schedule) && $schedule->duration == '240') selected="selected" @endif>4 Hour</option>
                              <option value="270" @if(!empty($schedule) && $schedule->duration == '270') selected="selected" @endif>4 Hour 30 Minutes</option>
                              <option value="300" @if(!empty($schedule) && $schedule->duration == '300') selected="selected" @endif>5 Hour</option>
                              <option value="330" @if(!empty($schedule) && $schedule->duration == '330') selected="selected" @endif>6 Hour 30 Minutes</option>
                              <option value="360" @if(!empty($schedule) && $schedule->duration == '360') selected="selected" @endif>6 Hour</option>
                              <option value="390" @if(!empty($schedule) && $schedule->duration == '390') selected="selected" @endif>6 Hour 30 Minutes</option>
                              <option value="420" @if(!empty($schedule) && $schedule->duration == '420') selected="selected" @endif>7 Hour</option>
                              <option value="450" @if(!empty($schedule) && $schedule->duration == '450') selected="selected" @endif>7 Hour 30 Minutes</option>
                              <option value="480" @if(!empty($schedule) && $schedule->duration == '480') selected="selected" @endif>8 Hour</option>
                          </select>
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                          <label for="courselastdate">{!! Lang::get('core.create_course_lastenrolldate')!!}</label>
                          <input type="text" name="courselastdate" class="form-control datetimenosec" id="courselastdate" value="@if(!empty($schedule)){!!trim($schedule->last_enrollment_date)!!}@endif" placeholder="{!! Lang::get('core.create_course_lastdate')!!}">
                      </div>
                    </div>
                  </div>
              </div>

						<div class="form-group">
              <input type="submit" name="" value="Save" class="btn btn-color">
						</div>
						{!! Form::close() !!}

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

		</div>

	</div>
</div>
</div>
<script type="text/javascript">
$(function(){

    $('.datetimenosec').datetimepicker({format: 'yyyy-mm-dd hh:ii:00'});
    $('.timenosec').datetimepicker({
        format: 'hh:ii:00',
        autoclose: true,
        startView: 'day',
        minView: 'hour',
        maxView:'day',
        pickDate: false,
        startDate: new Date

    });

    $('#coursetype_yes').on('ifChecked', function(event){
        $('.online_part').removeClass('hide');
        $('input[name="coursetype"]').val('online');
    });
    $('#coursetype_no').on('ifChecked', function(event){
        $('.online_part').addClass('hide');
        $('input[name="coursetype"]').val('offline');
    });
    $('#coursetype_once').on('ifChecked', function(event){
        $('.daily_part').addClass('hide');
        $('.weekly_part').addClass('hide');
        $('.once_part').removeClass('hide');
        $('input[name="coursefreq"]').val('once');
    });
    $('#coursetype_daily').on('ifChecked', function(event){
        $('.once_part').addClass('hide');
        $('.weekly_part').addClass('hide');
        $('.daily_part').removeClass('hide');
        $('input[name="coursefreq"]').val('daily');
    });
    $('#coursetype_weekly').on('ifChecked', function(event){
        $('.daily_part').addClass('hide');
        $('.once_part').addClass('hide');
        $('.weekly_part').removeClass('hide');
        $('input[name="coursefreq"]').val('weekly');
    });

    @if(!empty($days))
    var freqdays = [@foreach ($days as $key => $day) "{!! $day !!}"@if($key+1<count($days)),@endif @endforeach];
    @else
    var freqdays = ["Monday"];
    @endif

    $('input[name="coursefreq_days"]').on('ifChecked', function(event){
        var cval = $(this).val();
        freqdays.push(cval);
        $('input[name="coursefreqdays"]').val(freqdays.join(","));
    });
    $('input[name="coursefreq_days"]').on('ifUnchecked', function(event){
        var cval = $(this).val();
        freqdays = jQuery.grep(freqdays, function(value) {
          return value != cval;
        });
        $('input[name="coursefreqdays"]').val(freqdays.join(","));
    });

    $("#coursecreateform").validate({
        ignore: [],
        rules: {
            coursename: {
                 required: true,
                // minlength: 5,
                maxlength: 60,
                customwhitespace: true,
                remote: {
                    url: "{{ URL::to('course/coursenameexits') }}",
                    type: "GET",
                    data: {
                        coursename: function() {
                            return $( "#coursename" ).val();
                        }
                    }
                }
            },
            coursetype: {
                required: true,
            },
            coursefreqdays: {
                required: function(element){
                    return $("#coursefreq").val()=="weekly";
                }
            },
            coursedate: {
                required: function(element){
                    return $("#coursefreq").val()=="once";
                }
            },
            coursedatefrom: {
                required: function(element){
                    return $("#coursefreq").val()!="once";
                }
            },
            coursedateto: {
                required: function(element){
                    return $("#coursefreq").val()!="once";
                }
            },
            coursetime: {
                required: function(element){
                    return $("#coursefreq").val()!="once";
                }
            },
            coursetime_duration: {
                required: function(element){
                    return $("#coursetype").val()=="online";
                }
            },
            courselastdate: {
                required: function(element){
                    return $("#coursetype").val()=="online";
                }
            }
        },
        messages: {
            coursename: {
                required: "{{ Lang::get('core.enter_course') }}",
                // minlength: "Course name must consist of at least 5 characters",
                maxlength: "{{ Lang::get('core.no_length') }}",
                remote: "{{ Lang::get('core.course_taken') }}"
            },
            coursetype: {
                required: "{{ Lang::get('core.enter_coursetype') }}",
            },
            coursefreqdays: {
                required: "{{ Lang::get('core.enter_coursefreq_days') }}",
            },
            coursedate: {
                required: "{{ Lang::get('core.enter_coursedate') }}",
            },
            coursedatefrom: {
                required: "{{ Lang::get('core.enter_coursedatefrom') }}",
            },
            coursedateto: {
                required: "{{ Lang::get('core.enter_coursedateto') }}",
            },
            coursetime: {
                required: "{{ Lang::get('core.enter_coursetime') }}",
            },
            coursetime_duration: {
                required: "{{ Lang::get('core.enter_courseduration') }}",
            },
            courselastdate: {
                required: "{{ Lang::get('core.enter_courselastdate') }}",
            }
        },submitHandler: function() {
            $('#createcourse').prop("disabled", true);
            return true;
        }
    });


});
</script>
@stop