@extends('adminlte::page')


@section('content_header')
    <h1>Subjectgroup Assigned To Subject</h1>
@stop


<script src="//code.jquery.com/jquery.js"></script>

@section('content')
@notifyCss
 @notifyJs
@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

      @if (session('status'))
    <div class="alert alert-success">
        {{ session('status') }}
    </div>
    @endif
  
@include('notify::messages')
<div class="row">
            <!--row starts-->

            <div class="col-md-12">
               
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                           Subjectgroup Assigned To Subject
                        </h3>
                </div>

                <div class="panel-body">
                        <form class="form-horizontal" action="{{ url('subjectgroup_subjectpost') }}" method="post" id="subjectgrpsub" onsubmit="return validation();">

                            <!-- CSRF Token -->
                             <input type="hidden" name="_token" value="{{csrf_token()}}">
                            
                             
                                <!-- Email input-->
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="email">Suject Group<span style="color: red;">*</span></label>
                                    <div class="col-md-9">
                                      <select name="subject_group" id="subject_group" class="form-control">
                                        <option value="0">Select One</option>
                                       @foreach ($subject_groups as $subject_group)
                                       	<option value="{{$subject_group->id}}">{{$subject_group->subject_group}}</option>

                                       @endforeach

                                      </select>
                                      </div>
                                </div>
                                
                                <div class="form-group">
                                    <label class="col-md-3 control-label" for="email">Subject<span style="color: red;">*</span></label>
                                    <div class="col-md-9">
                                      <select name="subject" id="subject" class="form-control">
                                        <option value="0">Select One</option>
                                         @foreach ($subjects as $subject)
                                       	<option value="{{$subject->id}}">{{$subject->subject}}</option>

                                       @endforeach
  

                                      </select>
                                      </div>
                                </div>
                                
                                
                                <!-- Form actions -->
                                <div class="form-position">
                                    <div class="col-md-12 text-right">
                                        <button type="submit" class="btn btn-responsive btn-primary btn-sm" id="btn" >Save</button>
                                    </div>
                                </div>
                        </form>
                    </div>
                </div>
               



            </div>
            <!--md-12 ends-->
        </div>


<table class="table table-bordered" id="subjectgroup_subject_table">
        <thead>
            <tr>
                <th>Id</th>
                <th>Subject Group</th>
                <th>Subject</th>
                <th>Updated At</th>
                <th>Actions</th>
            </tr>
        </thead>
    </table>



<script>
$(function() {

    $('#subjectgroup_subject_table').DataTable({
        processing: true,
        serverSide: true,
        ajax: '{!! url('subjectgroup_subjectpostdata') !!}',
        columns: [
            { data: 'id', name: 'id' },
            { data: 'subject_group', name: 'subject_group' },
            { data: 'subject', name: 'subject' },
            { data: 'updated_at', name: 'updated_at' },
            { data: 'action', name: 'action' }
        ]
    });
});
</script>



<script>
function validation()
    {
        
        if(document.getElementById('subject_group').value=="0")
        {
            alert(" Please Select the Subject_Group");
            document.getElementById('subject_group').focus();
            return false;
        }

        if(document.getElementById('subject').value=="0")
        {
            alert(" Please Select the Subject");
            document.getElementById('subject').focus();
            return false;
        }
        document.getElementById("btn").disabled='true';

        return true;
    }
</script>

			
                     

@stop