@extends('adminlte::page')
@section('content_header')
    <h1>Action Assigned To Subject_Group</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">
                   Action Assigned To Subject Group
                </h3>
            </div>
            <div class="panel-body">
                <form class="form-horizontal" action="{{ url('action_subjectgrouppost') }}" method="post" id="actionsubgrp" 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">Action<span style="color: red;">*</span></label>
                        <div class="col-md-6">
                            <select name="actions" id="actions" class="form-control" required>
                                <option value="">Select One</option>
                                @foreach ($actions as $action)
                                    <option value="{{$action->id}}">{{$action->actions}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label" for="email">Subject_Group<span style="color: red;">*</span></label>
                        <div class="col-md-6">
                            <select name="subject_group" id="subject_group" class="form-control" required>
                                <option value="">Select One</option>
                                @foreach ($subject_groups as $subject_group)
                               	    <option value="{{$subject_group->id}}">{{$subject_group->subject_group}}</option>
                                @endforeach
                            </select>
                          </div>
                    </div>
                    <!-- Form actions -->
                    <div class="form-position">
                        <div class="col-md-5 text-right">
                            <button type="submit" id="btn" class="btn btn-responsive btn-primary btn-sm" >Save</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="panel panel-body">
            <table class="table table-bordered" id="action_subjectgroup_table">
                <thead>
                    <tr>
                        <th>Id</th>
                        <th>Action</th>
                        <th>Subject Group</th>
                        <th>Updated At</th>
                        <th>Actions</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    <!--md-12 ends-->
</div>
<script>
$(function() {
    $('#action_subjectgroup_table').DataTable({
        processing: true,
        serverSide: true,
        ajax: '{!! url('action_subjectgrouppostdata') !!}',
        columns: [
            { data: 'id', name: 'id' },
            { data: 'actions', name: 'actions' },
            { data: 'subject_group', name: 'subject_group' },
            { data: 'updated_at', name: 'updated_at' },
            { data: 'action', name: 'action' }
        ]
    });
});

function validation()
{
    if(document.getElementById('actions').value=="0")
    {
        alert(" Please Select the Actions");
        document.getElementById('actions').focus();
        return false;
    }
    if(document.getElementById('subject_group').value=="0")
    {
        alert(" Please select the Subject_Group");
        document.getElementById('subject_group').focus();
        return false;
    }
    document.getElementById("btn").disabled='true';
    return true;
}
</script>
@stop