{% extends 'base.html' %}

<!-- {% load static %} -->

{% block body %}
<div id="wrapper">
	{% include 'navbar.html' %}

	<div id="page-wrapper" class="gray-bg">
		{% include 'header.html' %}
		<div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-10">
                <h2>User Department</h2>
            </div>
            <div class="col-lg-2">

            </div>
        </div>

        <div class="wrapper wrapper-content animated fadeInRight">

            <div class="row">
                <div class="col-lg-6">
                    <div class="ibox ">
                        <div class="ibox-title px-4 justify-content-between d-flex align-items-center">
                            <h5>User Types</h5>
                            {% if user.user_type.user_permission.admin_department_user_type_add == 1 %}
                                <button type="button" id="add_user_type" class="btn btn-w-s btn-primary"> Add </button>
                            {% endif %}
                        </div>
                        <div class="ibox-content">

                            <table class="footable table table-stripped table-bordered toggle-arrow-tiny">
                                <thead>
                                <tr>
                                    <th data-toggle="true">S No.</th>
                                    <th>User Type</th>
                                    <th>Created At</th>
                                    {% if user.user_type.user_permission.admin_department_user_type_delete == 1 %}
                                        <th>Action</th>
                                    {% endif %}
                                </tr>
                                </thead>
                                <tbody>
                                {% for user_type in user_types %} 
                                    <tr>
                                        <td>{{forloop.counter}}</td>
                                        <td>{{user_type.user_type}}</td>
                                        <td>{{user_type.created_at}}</td>
                                        {% if user.user_type.user_permission.admin_department_user_type_delete == 1 %}
                                            <td class="text-center">
                                                {% if user_type.id > 3 %}
                                                    <button data-id={{user_type.id}} type="button" class="btn  btn-w-s btn-danger delete_user_type">Delete</button>
                                                {% endif %}
                                            </td>
                                        {% endif %}
                                    </tr>
                                {% endfor %}
                                </tbody>
                                <tfoot>
                                
                                </tfoot>
                            </table>

                        </div>
                    </div>
                </div>
                
                <div class="col-lg-6">
                    <div class="ibox ">
                        <div class="ibox-title px-4 justify-content-between d-flex align-items-center">
                            <h5>User Departments</h5>
                            {% if user.user_type.user_permission.admin_department_user_department_add == 1 %}
                                <button type="button" id="add_user_department" class="btn btn-w-s btn-primary"> Add </button>
                            {% endif %}
                        </div>
                        <div class="ibox-content">

                            <table class="footable table table-stripped table-bordered toggle-arrow-tiny">
                                <thead>
                                <tr>
                                    <th data-toggle="true">S No.</th>
                                    <th>User Department</th>
                                    <th>Created At</th>
                                    {% if user.user_type.user_permission.admin_department_user_department_delete == 1 %}
                                        <th>Action</th>
                                    {% endif %}
                                </tr>
                                </thead>
                                <tbody>
                                    {% for department in user_departments %}
                                    <tr>
                                        <td>{{forloop.counter}}</td>
                                        <td>{{department.user_department}}</td>
                                        <td>{{department.created_at}}</td>
                                        {% if user.user_type.user_permission.admin_department_user_department_delete == 1 %}
                                            <td class="text-center"><button data-id="{{department.id}}" type="button" class="btn  btn-w-s btn-danger delete_user_department">Delete</button></td>
                                        {% endif %}
                                    </tr>
                                    {% endfor %}
                                </tbody>
                                <tfoot>
                                
                                </tfoot>
                            </table>

                        </div>
                    </div>
                </div>
                
                <div class="col-lg-6">
                    <div class="ibox ">
                        <div class="ibox-title px-4 justify-content-between d-flex align-items-center">
                            <h5>Program Types</h5>
                            <!-- <button type="button" id="add_program_type" class="btn btn-w-s btn-primary"> Add </button> -->
                        </div>
                        <div class="ibox-content">

                            <table class="footable table table-stripped table-bordered toggle-arrow-tiny">
                                <thead>
                                
                                <tr>
                                    <th data-toggle="true">S No.</th>
                                    <th>Program Type</th>
                                    <th>Created At</th>
                                    <!-- <th>Action</th> -->
                                </tr>
                                </thead>
                                <tbody>
                                    {% for program_type in program_types  %}
                                        <tr>
                                            <td>{{forloop.counter}}</td>
                                            <td>{{program_type.program_type}}</td>
                                            <td>{{program_type.created_at}}</td>
                                            <!-- <td class="text-center"><button data-id="{{program_type.id}}" type="button" class="btn  btn-w-s btn-danger delete_program_type">Delete</button></td> -->
                                        </tr>
                                    {% endfor %}
                                </tbody>
                                <tfoot>
                                
                                </tfoot>
                            </table>

                        </div>
                    </div>
                </div>
                
                <div class="col-lg-6">
                    <div class="ibox ">
                        <div class="ibox-title px-4 justify-content-between d-flex align-items-center">
                            <h5>Project</h5>
                            {% if user.user_type.user_permission.admin_department_project_add == 1 %}
                                <button type="button" id="add_project" class="btn btn-w-s btn-primary"> Add </button>
                            {% endif %}
                        </div>
                        <div class="ibox-content">

                            <table class="footable table table-stripped table-bordered toggle-arrow-tiny">
                                <thead>
                                <tr>
                                    <th data-toggle="true">S No.</th>
                                    <th>Project</th>
                                    <th>Program</th>
                                    <th>Created At</th>
                                    {% if user.user_type.user_permission.admin_department_project_delete == 1 %}
                                        <th>Action</th>
                                    {% endif %}
                                </tr>
                                </thead>
                                <tbody>
                                    {% for project in projects %}
                                        <tr>
                                            <td>{{forloop.counter}}</td>
                                            <td>{{project.project}}</td>
                                            <td>{{project.program_type.program_type}}</td>
                                            <td>{{project.created_at}}</td>
                                            {% if user.user_type.user_permission.admin_department_project_delete == 1 %}
                                                <td class="text-center"><button data-id="{{project.id}}" type="button" class="btn  btn-w-s btn-danger delete_project">Delete</button></td>
                                            {% endif %}
                                        </tr>
                                    {% endfor %}
                                </tbody>
                                <tfoot>
                                
                                </tfoot>
                            </table>

                        </div>
                    </div>
                </div>

                {% if user.user_type_id == 1 %}
                    <div class="col-lg-12">
                        <div class="ibox ">
                            <div class="ibox-title px-2 justify-content-between d-flex align-items-center">
                                <h5>CSR Partners</h5>
                                <button type="button" id="add_csr_partner" class="btn btn-w-s btn-primary"> Add </button>
                            </div>
                            <div class="ibox-content">

                                <table class="footable table table-stripped table-bordered" data-page-size="10" data-filter=#filter>
                                    <thead>
                                    <tr>
                                        <th data-toggle="true">S No.</th>
                                        <th>Company Name</th>
                                        <th>Authorised Person Name</th>
                                        <th>Designation</th>
                                        <th>Mobile No.</th>
                                        <th>Email</th>
                                        <th>Created At</th>
                                        <th>Action</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {% for csr_partner in csr_partners %}
                                        <tr>
                                            <td>{{forloop.counter}}</td>
                                            <td>{{csr_partner.company_name}}</td>
                                            <td>{{csr_partner.authorised_person_name}}</td>
                                            <td>{{csr_partner.designation}}</td>
                                            <td>{{csr_partner.user.mobile}}</td>
                                            <td>{{csr_partner.user.email}}</td>
                                            <td>{{csr_partner.created_at}}</td>
                                            <td class="text-center"><button data-id="{{csr_partner.user.id}}" type="button" class="btn  btn-w-s btn-danger delete_csr_partner">Delete</button></td>
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                    <tfoot>
                                    
                                    </tfoot>
                                </table>

                            </div>
                        </div>
                    </div>

                    <div class="col-lg-12">
                        <div class="ibox ">
                            <div class="ibox-title px-2 justify-content-between d-flex align-items-center">
                                <h5>Partner Organizations</h5>
                                <button type="button" id="add_partner_organization" class="btn btn-w-s btn-primary"> Add </button>
                            </div>
                            <div class="ibox-content">

                                <table class="footable table table-stripped table-bordered" data-page-size="10" data-filter=#filter>
                                    <thead>
                                    <tr>
                                        <th data-toggle="true">S No.</th>
                                        <th>Company Name</th>
                                        <th>Authorised Person Name</th>
                                        <th>Designation</th>
                                        <th>Mobile Number</th>
                                        <th>Email</th>
                                        <th>Created At</th>
                                        <th>Action</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        {% for partner_organization in partner_organizations %}
                                            <tr>
                                                <td>{{forloop.counter}}</td>
                                                <td>{{partner_organization.company_name}}</td>
                                                <td>{{partner_organization.authorised_person_name}}</td>
                                                <td>{{partner_organization.designation}}</td>
                                                <td>{{partner_organization.user.mobile}}</td>
                                                <td>{{partner_organization.user.email}}</td>
                                                <td>{{partner_organization.created_at}}</td>
                                                <td class="text-center"><button data-id="{{partner_organization.user.id}}" type="button" class="btn  btn-w-s btn-danger delete_partner_organization">Delete</button></td>
                                            </tr>
                                        {% endfor %}
                                    </tbody>
                                    <tfoot>
                                    
                                    </tfoot>
                                </table>

                            </div>
                        </div>
                    </div>
                {% endif %}
            </div>
            
        </div>
	</div>
	
</div>



<div class="modal inmodal" id="add_user_type_modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated flipInY">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">Add User Type</h4>
            </div>
            <form method="POST" action="/demo/admin-department/users/user-type">
                {% csrf_token %}
                <div class="modal-body">
                    <div class="form-group">
                        <label>User Type *</label> 
                        <input type="text" placeholder="" name="user_type" class="form-control" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </form>
            
        </div>
    </div>
</div>

<div class="modal inmodal" id="delete_user_type_modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated flipInY">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">Delete User Type</h4>
            </div>
            <form method="GET" action="/demo/admin-department/users/user-type">
                {% csrf_token %}
                <div class="modal-body">
                    <input type="hidden" id="delete_user_type_id" name="id" value="">
                    <p><strong>Are you sure you want to delete this ?</strong></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">No</button>
                    <button type="submit" class="btn btn-danger">Yes</button>
                </div>
            </form>
            
        </div>
    </div>
</div>

<div class="modal inmodal" id="add_user_department_modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated flipInY">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">Add User Type</h4>
            </div>
            <form method="POST" action="/demo/admin-department/users/department">
                {% csrf_token %}
                <div class="modal-body">
                    <div class="form-group">
                        <label>User Department *</label> 
                        <input type="text" placeholder="" name="department" class="form-control" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </form>
            
        </div>
    </div>
</div>

<div class="modal inmodal" id="delete_user_department_modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated flipInY">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">Delete User Department</h4>
            </div>
            <form method="GET" action="/demo/admin-department/users/department">
                {% csrf_token %}
                <div class="modal-body">
                    <input type="hidden" id="delete_user_department_id" name="id" value="">
                    <p><strong>Are you sure you want to delete this ?</strong></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">No</button>
                    <button type="submit" class="btn btn-danger">Yes</button>
                </div>
            </form>
            
        </div>
    </div>
</div>

<div class="modal inmodal" id="add_program_type_modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated flipInY">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">Add Program</h4>
            </div>
            <form method="POST" action="/demo/program-department/program-type">
                {% csrf_token %}
                <div class="modal-body">
                    <div class="form-group">
                        <label>Program type*</label> 
                        <input oninput="this.value = this.value.toUpperCase()" type="text" placeholder="" name="program_type" class="form-control" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </form>
            
        </div>
    </div>
</div>

<div class="modal inmodal" id="delete_program_type_modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated flipInY">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">Delete Program</h4>
            </div>
            <form method="GET" action="/demo/program-department/program-type">
                {% csrf_token %}
                <div class="modal-body">
                    <input type="hidden" id="delete_program_type_id" name="id" value="">
                    <p><strong>Are you sure you want to delete this ?</strong></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">No</button>
                    <button type="submit" class="btn btn-danger">Yes</button>
                </div>
            </form>
            
        </div>
    </div>
</div>

<div class="modal inmodal" id="add_project_modal"  role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated flipInY">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">Add Program</h4>
            </div>
            <form method="POST" action="/demo/program-department/project">
                {% csrf_token %}
                <div class="modal-body">
                    <div class="form-group d-flex flex-column">
                        <label>Program type*</label> 
                        <select data-placeholder="" name="program_type" class="select2 form-control"  tabindex="-1" required>
                            <option value=""></option>
                            {% for program_type in program_types %}
                                <option value="{{program_type.id}}">{{program_type.program_type}}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Project*</label> 
                        <input oninput="this.value = this.value.toUpperCase()" type="text" placeholder="" name="project" class="form-control" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </form>
            
        </div>
    </div>
</div>

<div class="modal inmodal" id="delete_project_modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated flipInY">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">Delete Project</h4>
            </div>
            <form method="GET" action="/demo/program-department/project">
                {% csrf_token %}
                <div class="modal-body">
                    <input type="hidden" id="delete_project_id" name="id" value="">
                    <p><strong>Are you sure you want to delete this ?</strong></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">No</button>
                    <button type="submit" class="btn btn-danger">Yes</button>
                </div>
            </form>
            
        </div>
    </div>
</div>

<div class="modal inmodal" id="add_csr_partner_modal"  role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated flipInY">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h2><b>Add CSR Partner</b></h2>
            </div>
            <form method="POST" action="/demo/admin-department/users/csr-partner">
                {% csrf_token %}
                <div class="modal-body">
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group">
                                <label>Company Name*</label> 
                                <input oninput="this.value = this.value.toUpperCase()" type="text" placeholder="" name="company_name" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label>Authorised Person Name*</label> 
                                <input oninput="this.value = this.value.toUpperCase()" type="text" placeholder="" name="authorised_person_name" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label>Mobile No.*</label> 
                                <input type="text" placeholder="" name="mobile" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label>Designation*</label> 
                                <input oninput="this.value = this.value.toUpperCase()" type="text" placeholder="" name="designation" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label>Email ID*</label> 
                                <input type="email" placeholder="" name="email" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label>Password*</label> 
                                <input type="password" placeholder="" name="password" class="form-control" required>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </form>
            
        </div>
    </div>
</div>

<div class="modal inmodal" id="delete_csr_partner_modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated flipInY">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">Delete CSR Partner</h4>
            </div>
            <form method="GET" action="/demo/admin-department/users/csr-partner">
                {% csrf_token %}
                <div class="modal-body">
                    <input type="hidden" id="delete_csr_partner_id" name="id" value="">
                    <p><strong>Are you sure you want to delete this ?</strong></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">No</button>
                    <button type="submit" class="btn btn-danger">Yes</button>
                </div>
            </form>
            
        </div>
    </div>
</div>

<div class="modal inmodal" id="add_partner_organization_modal"  role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated flipInY">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h2><b>Add Partner Organization</b></h2>
            </div>
            <form method="POST" action="/demo/admin-department/users/partner-organization">
                {% csrf_token %}
                <div class="modal-body">
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group">
                                <label>Company Name*</label> 
                                <input oninput="this.value = this.value.toUpperCase()" type="text" placeholder="" name="company_name" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label>Authorised Person Name*</label> 
                                <input oninput="this.value = this.value.toUpperCase()" type="text" placeholder="" name="authorised_person_name" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label>Mobile No.*</label> 
                                <input type="text" placeholder="" name="mobile" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label>Designation*</label> 
                                <input oninput="this.value = this.value.toUpperCase()" type="text" placeholder="" name="designation" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label>Email ID*</label> 
                                <input type="email" placeholder="" name="email" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label>Password*</label> 
                                <input type="password" placeholder="" name="password" class="form-control" required>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </form>
            
        </div>
    </div>
</div>

<div class="modal inmodal" id="delete_partner_organization_modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated flipInY">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">Delete Partner Organization</h4>
            </div>
            <form method="GET" action="/demo/admin-department/users/partner-organization">
                {% csrf_token %}
                <div class="modal-body">
                    <input type="hidden" id="delete_partner_organization_id" name="id" value="">
                    <p><strong>Are you sure you want to delete this ?</strong></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">No</button>
                    <button type="submit" class="btn btn-danger">Yes</button>
                </div>
            </form>
            
        </div>
    </div>
</div>

<script>
    $('.table').footable({
		"paging": {
			"enabled": true
		}
	});

    $(document).on('click', '#add_user_type', ()=>{
        $('#add_user_type_modal').modal('show');
    });

    $(document).on('click', '.delete_user_type', function() {
        var id = $(this).attr("data-id");
        $('#delete_user_type_id').val(id);
        $('#delete_user_type_modal').modal('show');
    });


    $(document).on('click', '#add_user_department', ()=>{
        $('#add_user_department_modal').modal('show');
    });

    $(document).on('click', '.delete_user_department', function() {
        var id = $(this).attr("data-id");
        $('#delete_user_department_id').val(id);
        $('#delete_user_department_modal').modal('show');
    });


    $(document).on('click', '#add_program_type', ()=>{
        $('#add_program_type_modal').modal('show');
    });

    $(document).on('click', '.delete_program_type', function() {
        var id = $(this).attr("data-id");
        $('#delete_program_type_id').val(id);
        $('#delete_program_type_modal').modal('show');
    });

    $(document).on('click', '#add_project', ()=>{
        $('#add_project_modal').modal('show');
    });

    $(document).on('click', '.delete_project', function() {
        var id = $(this).attr("data-id");
        $('#delete_project_id').val(id);
        $('#delete_project_modal').modal('show');
    });


    $(document).on('click', '#add_csr_partner', ()=>{
        $('#add_csr_partner_modal').modal('show');
    });

    $(document).on('click', '.delete_csr_partner', function() {
        var id = $(this).attr("data-id");
        $('#delete_csr_partner_id').val(id);
        $('#delete_csr_partner_modal').modal('show');
    });


    $(document).on('click', '#add_partner_organization', ()=>{
        $('#add_partner_organization_modal').modal('show');
    });

    $(document).on('click', '.delete_partner_organization', function() {
        var id = $(this).attr("data-id");
        $('#delete_partner_organization_id').val(id);
        $('#delete_partner_organization_modal').modal('show');
    });
    
</script>

{% for message in messages %}
    <script>
        showNotification('{{message}}', '{{message.tags}}')
    </script>
{% endfor %}
    

{% endblock %}