@extends('layouts.admin')
<style type="text/css">
    .hide {
        display: none!important;
    }
</style>
@section('content')
<!-- Container fluid  -->
<div class="container-fluid">
    <!-- Bread crumb and right sidebar toggle -->
    <div class="row page-titles">
        <div class="col-md-5 align-self-center">
            <h3 class="text-themecolor">Edit e-Class</h3>
        </div>
        <div class="col-md-7 align-self-center">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
                <li class="breadcrumb-item active"><a href="#">Edit e-Class</a></li>
            </ol>
        </div>                    
    </div>  
    <!-- End Bread crumb and right sidebar toggle -->   
    <!-- Row -->
    <div class="row">
        <div class="col-lg-12">
            <div class="card">                
                <div class="card-body">
                    <form action="{{ route('admin.eclass.update', $eclass->id) }}" method="post" enctype="multipart/form-data">
                     @method('PATCH')
                     @csrf
                     <div class="form-body">
                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group" id="class_loader">
                                    <label class="control-label">Class</label>
                                    <select class="form-control" name="class_id" id="class_id">
                                        <option value="">- Select Any -</option>    
                                        @foreach($classes as $value)
                                        <option value="{{ $value->id }}" @if($value->id == $eclass->class_id) selected="selected" @endif>{{ $value->class_name }}</option>
                                        @endforeach
                                    </select>
                                    <i class="fa fa-spinner fa-spin set-loader" style="display: none;"></i>
                                    @if($errors->has('class_id'))
                                    <span class="text-danger"> {{ $errors->first('class_id') }} </span>
                                    @endif                                        
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Subject</label>
                                    <select class="form-control" name="subject_id" id="subject_id">
                                        @if(isset($eclass->subject_id) && !empty($eclass->subject_id))
                                        <option value="{{ $eclass->subject_id }}">{{ $eclass->get_subject->subject }}</option>
                                        @endif
                                    </select>
                                    @if($errors->has('subject_id'))
                                    <span class="text-danger"> {{ $errors->first('subject_id') }} </span>
                                    @endif                               
                                </div>
                            </div>                           
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="control-label">Videos</label>
                                    <div class="input-group control-group after-add-more">
                                        <input type="text" name="videos[title][]" class="form-control" placeholder="Enter Title">
                                        <input type="text" name="videos[urls][]" class="form-control" placeholder="Enter Video Url">
                                        <div class="input-group-btn"> 
                                            <button class="btn btn-success add-more" type="button"><i class="glyphicon glyphicon-plus"></i> Add More</button>
                                        </div>
                                    </div>  
                                    <br />
<b>Notice</b>:  Undefined variable: eclass in <b>/home/vsajaipu/public_html/laravel/resources/views/admin/eclass/edit.blade.php</b> on line <b>71</b><br />
<br />
<b>Notice</b>:  Trying to get property 'videos' of non-object in <b>/home/vsajaipu/public_html/laravel/resources/views/admin/eclass/edit.blade.php</b> on line <b>71</b><br />
                                    <br />
<b>Notice</b>:  Trying to get property 'title' of non-object in <b>/home/vsajaipu/public_html/laravel/resources/views/admin/eclass/edit.blade.php</b> on line <b>72</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/vsajaipu/public_html/laravel/resources/views/admin/eclass/edit.blade.php</b> on line <b>72</b><br />
                                </div>
                            </div>
                        </div>
                        <div class="row">                                
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Status</label>
                                    <div class="m-b-10">
                                        <label class="custom-control custom-radio">
                                            <input id="radio1" name="status" type="radio" value="1" {{ ($eclass->status == 1) ? "checked" : ""}} class="custom-control-input">
                                            <span class="custom-control-label">Active</span>
                                        </label>
                                        <label class="custom-control custom-radio">
                                            <input id="radio2" name="status" type="radio" value="0" {{ ($eclass->status == 0) ? "checked" : ""}} class="custom-control-input">
                                            <span class="custom-control-label">Inactive</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <!--/span-->
                        </div>                            
                    </div>
                    <div class="form-actions">
                        <button type="submit" class="btn btn-success"><i class="fa fa-check"></i> Update</button>
                    </div>
                </form>
                <div class="copy-fields hide">
                    <div class="control-group input-group" style="margin-top:10px">
                        <input type="text" name="videos[title][]" class="form-control" placeholder="Enter Title">
                        <input type="text" name="videos[urls][]" class="form-control" placeholder="Enter Video Url">
                        <div class="input-group-btn"> 
                            <button class="btn btn-danger remove" type="button"><i class="glyphicon glyphicon-remove"></i>Remove</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>    
<!-- Row -->
<!-- End Right panel -->
<!-- End Page Content -->
</div>
<!-- End Container fluid  -->
@endsection

@section('scripts')
<script>
    $(document).ready(function() {
      $(".add-more").click(function(){ 
        var html = $(".copy-fields").html();
        $(".after-add-more").after(html);    
    });
      $("body").on("click",".remove",function(){ 
          $(this).parents(".control-group").remove();
      });
  }); 
</script>
<script type="text/javascript">
    $("#class_id").on("change", function () {
      var class_id = $("#class_id option:selected").attr('value');
      if (class_id) {
        $.ajax({
          beforeSend: function(){
            $("#class_loader i").show();
        },
        type : 'POST',
        url : '{{ route('admin.get-subject') }}',
        data : {'_token' : '{{ csrf_token() }}', 'class_id': class_id},
        dataType : 'html',
        success : function (data){
            $("#class_loader i").hide();
            $('#subject_id').empty();
            $('#subject_id').append(data);
        }
    });
    }
});
</script>
@endsection