@extends('adminlte::page')
@section('content_header')
    <h1>Action</h1>
@stop
<script src="//code.jquery.com/jquery.js"></script>
@section('content')
<div class="row">
    <!--row starts-->
    <div class="col-md-12">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">
                   Action
                </h3>
            </div>
            <div class="panel-body">
                <form class="form-horizontal" action="{{url('updateactiondata')}}" method="post" id="action" onsubmit="return validation();">
                    <!-- CSRF Token -->
                    <input type="hidden" name="_token" value="{{csrf_token()}}">
                    <!--Office ID Hidden value-->
                    <input type="hidden" name="action_id" value="{{$action->id}}">
                    <!-- Name input-->
                    <div class="form-group">
                        <label class="col-md-3 control-label" for="addr">Action</label>
                        <div class="col-md-6">
                            <input id="actions" name="actions" class="form-control" value="{{$action->actions}}" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label" for="remarks">Description</label>
                        <div class="col-md-6">
                            <textarea class="form-control resize_vertical" id="description" name="description" required>{{$action->description}}</textarea>
                        </div>
                    </div>
                    <!-- Form actions -->
                    <div class="form-position">
                        <div class="col-md-5 text-right">
                             <a href="{{url('action')}}"><button type="button" class="btn btn-responsive btn-danger btn-sm">Back</button></a>
                            <button type="submit" id="btn" class="btn btn-responsive btn-warning btn-sm">Update</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!--md-12 ends-->
</div>
<script>
    function validation()
    {    
        if(document.getElementById('actions').value=="")
        {
            alert(" Please enter the Actions");
            document.getElementById('actions').focus();
            return false;
        }
        if(document.getElementById('description').value=="")
        {
            alert(" Please enter the Description");
            document.getElementById('description').focus();
            return false;
        }
        document.getElementById("btn").disabled='true';
        return true;
    }
</script>	                    
@stop