@extends('adminlte::page')
@section('content_header')
    <h1>Priority</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">
                       Priority
                    </h3>
            </div>
            <div class="panel-body">
                <form class="form-horizontal" action="{{ url('prioritypost') }}" method="post" id="role" onsubmit="return validation();">
                    <!-- CSRF Token -->
                    <input type="hidden" name="_token" value="{{csrf_token()}}">
                    <!-- Name input-->
                    <div class="form-group">
                        <label class="col-md-3 control-label" for="name">Priority<span style="color: red;">*</span></label>
                        <div class="col-md-5">
                            <input id="priority" name="priority" type="text" placeholder="Enter the priority" class="form-control" required></div>
                    </div>
                    <div class="form-group">
                       <label class="col-md-3 control-label" for="name">Actions per<span style="color: red;">*</span></label>
                        <div class="col-md-5">
                            <input id="num" name="num" type="text" placeholder="Enter the number" class="form-control positiveinteger" required>
                        </div>
                        <label class="col-md-1 control-label text-left" for="name">Days</label>
                    </div>
                    <!-- Form actions -->
                    <div class="form-position">
                        <div class="col-md-4 text-right">
                            <button type="submit" class="btn btn-responsive btn-primary btn-sm" id="btn">Submit</button>
                        </div>
                        <div class="col-md-8 text-right"></div>
                    </div>
                </form>
            </div>
        </div>
        <div class="panel panel-body">
            <table class="table table-bordered" id="priority_table">
                <thead>
                    <tr>
                        <th>Id</th>
                        <th>Priority</th>
                        <th>Actions_per_days</th>
                        <th>Updated At</th>
                        <th>Actions</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    <!--md-12 ends-->
</div>
<script>
    $(function() {
        $('#priority_table').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{!! url('prioritypostdata') !!}',
            columns: [
                { data: 'id', name: 'id' },
                { data: 'priority', name: 'priority' },
                { data: 'actions_per_days', name: 'actions_per_days' },
                { data: 'updated_at', name: 'updated_at' },
                { data: 'action', name: 'action' }
            ]
        });
    });

    function validation()
    {
        if(document.getElementById('priority').value=="")
        {
            alert(" Please Enter the priority");
            document.getElementById('priority').focus();
            return false;
        }

        if(document.getElementById('num').value=="")
        {
            alert(" Please Enter the Number");
            document.getElementById('num').focus();
            return false;
        }

        document.getElementById("btn").disabled='true';
        
        return true;
    }
    ////validation/////
    (function($) {
      $.fn.inputFilter = function(inputFilter) {
        return this.on("input keydown keyup mousedown mouseup select contextmenu drop", function() {
          if (inputFilter(this.value)) {
            this.oldValue = this.value;
            this.oldSelectionStart = this.selectionStart;
            this.oldSelectionEnd = this.selectionEnd;
          } else if (this.hasOwnProperty("oldValue")) {
            this.value = this.oldValue;
            this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);
          }
        });
      };
    }(jQuery));

    $(".positiveinteger").inputFilter(function(value) {
      return /^\d*$/.test(value); });

    $(".floating").inputFilter(function(value) {
      return /^-?\d*[.]?\d*$/.test(value); });

    $(".currency").inputFilter(function(value) {
      return /^-?\d*[.]?\d{0,2}$/.test(value); });
</script>                   
@stop