@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 Assignment</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 Assignment</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.assignment.update', $assignment->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 == $assignment->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($assignment->subject_id) && !empty($assignment->subject_id))
                                        <option value="{{ $assignment->subject_id }}">{{ $assignment->get_subject->subject }}</option>
                                        @endif
                                    </select>
                                    @if($errors->has('subject_id'))
                                    <span class="text-danger"> {{ $errors->first('subject_id') }} </span>
                                    @endif                               
                                </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" {{ ($assignment->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" {{ ($assignment->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>
        </div>
    </div>
</div>    
<!-- Row -->
<!-- End Right panel -->
<!-- End Page Content -->
</div>
<!-- End Container fluid  -->
@endsection

@section('scripts')
<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