{% load static %}

{% load crispy_forms_tags %}

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

<div class="">
    <div class="text-center">
        <h5 class="mb-1">NAME : <strong>{{ profile.fname }} {{ profile.lname }}</strong></h5>
        <h5 class="mb-3">ROLE : <strong>{{ profile.role }}</strong></h5>
    </div>
    
    <hr>
    <form method="post" action="/useradmin/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(){
            document.getElementById('div_id_user_can_approve_raw_material').classList.add("mb-5");
        })
</script>
  
<!--MODAL ENDS-->