<style>
#approveDocument .radio input[type="radio"]{
margin-left: 0px;
}
#approveDocument .radio input[type="radio"]:not(:checked)+.btn.btn-success,
#approveDocument .radio input[type="radio"]:not(:checked)+label.btn.btn-info,
#approveDocument .radio input[type="radio"]:not(:checked)+label.btn.btn-primary,
#approveDocument .radio input[type="radio"]:not(:checked)+label.btn.btn-danger
{
background-color: #f2f3f3;
}
#approveDocument .radio input[type="radio"]:not(:checked)+label.btn.btn-success
{
color: #4caf50;
}
#approveDocument .radio input[type="radio"]:not(:checked)+label.btn.btn-info
{
color: #0c7cd5;
}
#approveDocument .radio input[type="radio"]:not(:checked)+label.btn.btn-primary
{
color: #077871;
}
#approveDocument .radio input[type="radio"]:not(:checked)+label.btn.btn-danger
{
color: #ea1c0d;
}
#approveDocument .radio input[type="radio"]:checked+label.btn.btn-success,
#approveDocument .radio input[type="radio"]:checked+label.btn.btn-info,
#approveDocument .radio input[type="radio"]:checked+label.btn.btn-primary,
#approveDocument .radio input[type="radio"]:checked+label.btn.btn-danger
{
/*color: unset;*/
/*background-color: unset;*/
}
</style>
{% if not approval_data is defined %}
{% set approval_data={} %}
{% endif %}
<div class="modal fade" id="approveDocument" tabindex="-1" role="dialog" aria-labelledby="approveDocument">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Approve Document</h4>
</div>
<form class="form" method="post" id="approval_form" action="{{ url('approve_document') }}" >
<div class="modal-body">
<div class="body">
<div class="form-group" style="text-align: center;">
<h5>Select an Action</h5>
<div class="radio" >
<input type="radio" style="position: relative;" id="radio1" name="approvalAction" value="1">
<label for="radio1" class="btn btn-success" style="min-width: 80%;" >Approve</label>
</div>
<div class="radio" >
<input type="radio" style="position: relative;" id="radio2" name="approvalAction" value="2" >
<label for="radio2" class="btn btn-info" style="min-width: 80%;" >Revert</label>
</div>
<div class="radio " >
<input type="radio" style="position: relative;" name="approvalAction" id="forward_doc_check" value="3" >
<label class="btn btn-primary" id="forward_doc_check_label" style="min-width: 80%;" for="radio3" >Forward</label>
</div>
<div class="radio " >
<input type="radio" style="position: relative;" id="radio4" name="approvalAction" value="0" >
<label for="radio4" class="btn btn-danger" style="min-width:80%;" >Decline </label>
</div>
</div>
<div class="form-group" id="forward_doc_div" style="display: none">
<label for="inputEmail3">Forward To:</label>
<select name="forwardTo" class="form-control " id="approveDocumentForwardUserList">
{#<option value="">Select User...</option>#}
{# {% if approval_data.userList is defined %}#}
{# {% for user in approval_data.userList %}#}
{# <option value="{{ user['id'] }}">{{ user['name'] }}-{{ user['position'] }}</option>#}
{# {% endfor %}#}
{# {% endif %}#}
</select>
</div>
<div class="row">
<div class="form-group" id="approvalHash" style="">
<div class="col col-md-12 col-sm-12">
<b>Please provide your approval hash</b>
<div class="input-group">
<div class="form-line">
<input type="password" class="form-control" autocomplete="off" id="approveDocumentApprovalHash" name="approvalHash" placeholder="Enter ...">
</div>
<span class="input-group-addon mobile_only approval_submit" style="padding-top: 0px;">
<button type="submit" class="btn btn-primary " style="">Confirm</button>
</span>
</div>
</div>
{#<div class="col col-md-6 col-sm-6">#}
{#<button type="submit" class="btn btn-primary ">Confirm</button>#}
{#</div>#}
</div>
{#<label for="inputEmail3" class="col-sm-6 control-label">Please provide your approval hash</label>#}
{#<input type="password" class="form-control col-sm-6" autocomplete="off" name="approvalHash" placeholder="Enter ...">#}
{#<button type="submit" class="btn btn-primary ">Confirm</button>#}
</div>
<div class="form-group">
<textarea name="approvalNote" class="form-control" rows="3" placeholder="Your Comment Or Note"></textarea>
</div>
{# <input type="hidden" name="approvalRowId" id="approvalRowEqId" value="_UNSET_">#}
<input type="hidden" name="approvalEntity" id="approvalEntity" value="{{ approval_data.entity is defined ? approval_data.entity :'' }}">
<input type="hidden" name="approvalId" id="approvalId" value="{{ approval_data.approvalId is defined ? approval_data.approvalId :'' }}">
<input type="hidden" name="approvalEntityId" id="approvalEntityId" value="{{ approval_data.entityId is defined ? approval_data.entityId :'' }}">
</div>
<!-- /.body -->
<!-- /.body -->
</div>
<div class="modal-footer" style="text-align: center">
{#<button type="submit" class="btn btn-primary ">Confirm</button>#}
{#<button type="button" class="btn btn-link waves-effect printOptionsModalPrintButton">PRINT</button>#}
{#<button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>#}
</div>
</form>
</div>
</div>
</div>