{% load static %}

{% load crispy_forms_tags %}

<!--MODAL STARTS-->
<!-- Modal -->

<div class="">
    <div class="text-center">
        <h5 class="mb-1">NAME : <strong>{{ profile.user.first_name }} {{ profile.user.last_name }}</strong></h5>
        <h5 class="mb-3">ROLE : <strong>{{ profile.role }}</strong></h5>
    </div>
    
    <hr>
    <form method="post" action="/set_user_permissions/" id="formPage">
        {% csrf_token %}
            {{form|crispy}}
            <input type="hidden" value="{{profileID}}" name="profileID">
            
        
        <button type="submit" class="btn btn-primary mt-3  rounded-0 shadowed" id="submitBtn">UPDATE</button>
        <button type="button" class="btn btn-dark mt-3 rounded-0 shadowed" data-bs-dismiss="modal">CANCEL</button>
    </form>
</div>

<script>
    $(document).ready(function(){
        $('#div_id_user_can_initiate label').text("User can initiate Analysis Form");
        $('#div_id_user_can_submit label').text("User can Submit Analysis Form");
        $('#div_id_user_can_unit_head label').text("User can Unit head Check Analysis Form");
        $('#div_id_user_can_approve label').text("User can Approve Analysis Form");
        $('#div_id_user_can_approve label').addClass( "mb-5" )
    });
</script>
  
<!--MODAL ENDS-->