{% 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>Permissions</h2>
            </div>
            <div class="col-lg-2">

            </div>
        </div>
		<!-- test -->
        <div class="wrapper wrapper-content animated fadeInRight">
            
            <div class="form-group d-flex justify-content-center align-items-center flex-column">
                <label style="width:50%;">User Type</label>
                <select data-placeholder="" data-value="{{id}}" value="{{id}}" id="user_type" name="user_type" class="select2 form-control w-50"  tabindex="-1">
                    <option value=""></option>
                    {% for user_type in user_types %}
                        <option value="{{user_type.id}}">{{user_type.user_type}}</option>
                    {% endfor %}
                </select>
            </div>
            
            <div class="row">
                <div class="col-lg-12">
                    <form class="m-t" role="form" method="POST" action="/demo/admin-department/permissions/{{id}}">
                        {% csrf_token %}
                        <div class="ibox">
                            
                            <div class="ibox-title px-2 justify-content-between d-flex align-items-center">
                                <h5>Admin Department</h5>
                            </div>
                            
                            <div class="ibox-content">
                                <table class="footable table table-stripped table-bordered toggle-arrow-tiny">
                                    <thead>
                                    <tr>
                                        <th>Section</th>
                                        <th class="text-center">View</th>
                                        <th class="text-center">Add</th>
                                        <th class="text-center">Edit</th>
                                        <th class="text-center">Delete</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>User Type</td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.admin_department_user_type_view}}" {% if permission.admin_department_user_type_view == 1 %} checked {% endif %} name="admin_department_user_type_view"  id="admin_department_user_type_view" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.admin_department_user_type_add}}" {% if permission.admin_department_user_type_add == 1 %} checked {% endif %} name="admin_department_user_type_add" id="admin_department_user_type_add" class="js-switch"/></td>
                                            <td class="text-center"></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.admin_department_user_type_delete}}" {% if permission.admin_department_user_type_delete == 1 %} checked {% endif %} name="admin_department_user_type_delete" id="admin_department_user_type_delete" class="js-switch"/></td>
                                        </tr>
                                        <tr>
                                            <td>User Department</td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.admin_department_user_department_view}}" {% if permission.admin_department_user_department_view == 1 %} checked {% endif %} name="admin_department_user_department_view" id="admin_department_user_department_view" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.admin_department_user_department_add}}" {% if permission.admin_department_user_department_add == 1 %} checked {% endif %} name="admin_department_user_department_add" id="admin_department_user_department_add" class="js-switch"/></td>
                                            <td class="text-center"></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.admin_department_user_department_delete}}" {% if permission.admin_department_user_department_delete == 1 %} checked {% endif %} name="admin_department_user_department_delete" id="admin_department_user_department_delete" class="js-switch"/></td>
                                        </tr>
                                        <tr>
                                            <td>Program</td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.admin_department_program_view}}" {% if permission.admin_department_program_view == 1 %} checked {% endif %} name="admin_department_program_view" id="admin_department_program_view" class="js-switch"/></td>
                                            <td class="text-center"></td>
                                            <td class="text-center"></td>
                                            <td class="text-center"></td>
                                        </tr>
                                        <tr>
                                            <td>Project</td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.admin_department_project_view}}" {% if permission.admin_department_project_view == 1 %} checked {% endif %} name="admin_department_project_view" id="admin_department_project_view" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.admin_department_project_add}}" {% if permission.admin_department_project_add == 1 %} checked {% endif %} name="admin_department_project_add" id="admin_department_project_add" class="js-switch"/></td>
                                            <td class="text-center"></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.admin_department_project_delete}}" {% if permission.admin_department_project_delete == 1 %} checked {% endif %} name="admin_department_project_delete" id="admin_department_project_delete" class="js-switch"/></td>
                                        </tr>
                                        <tr>
                                            <td>Letter Box</td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.admin_department_letter_box_view}}" {% if permission.admin_department_letter_box_view == 1 %} checked {% endif %} name="admin_department_letter_box_view" id="admin_department_letter_box_view" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.admin_department_letter_box_add}}" {% if permission.admin_department_letter_box_add == 1 %} checked {% endif %} name="admin_department_letter_box_add" id="admin_department_letter_box_add" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.admin_department_letter_box_edit}}" {% if permission.admin_department_letter_box_edit == 1 %} checked {% endif %} name="admin_department_letter_box_edit" id="admin_department_letter_box_edit" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.admin_department_letter_box_delete}}" {% if permission.admin_department_letter_box_delete == 1 %} checked {% endif %} name="admin_department_letter_box_delete" id="admin_department_letter_box_delete" class="js-switch"/></td>
                                        </tr>
                                    </tbody>
                                    <tfoot>
                                    
                                    </tfoot>
                                </table>
                            </div>

                            <div class="mt-4 ibox-title px-2 justify-content-between d-flex align-items-center">
                                <h5>Program Department</h5>
                            </div>

                            <div class="ibox-content">
                                <table class="footable table table-stripped table-bordered toggle-arrow-tiny">
                                    <thead>
                                    <tr>
                                        <th>Section</th>
                                        <th class="text-center">View</th>
                                        <th class="text-center">Add</th>
                                        <th class="text-center">Edit</th>
                                        <th class="text-center">Delete</th>
                                        <th class="text-center">Import</th>
                                        <th class="text-center">Export</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>Program</td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.program_department_program_view}}" {% if permission.program_department_program_view == 1 %} checked {% endif %} name="program_department_program_view" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.program_department_program_add}}" {% if permission.program_department_program_add == 1 %} checked {% endif %} name="program_department_program_add" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.program_department_program_edit}}" {% if permission.program_department_program_edit == 1 %} checked {% endif %} name="program_department_program_edit" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.program_department_program_delete}}" {% if permission.program_department_program_delete == 1 %} checked {% endif %} name="program_department_program_delete" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.program_department_program_import}}" {% if permission.program_department_program_import == 1 %} checked {% endif %} name="program_department_program_import" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.program_department_program_export}}" {% if permission.program_department_program_export == 1 %} checked {% endif %} name="program_department_program_export" class="js-switch"/></td>
                                        </tr>
                                        <tr>
                                            <td>Deliverables</td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.program_department_deliverables_view}}" {% if permission.program_department_deliverables_view == 1 %} checked {% endif %} name="program_department_deliverables_view" class="js-switch"/></td>
                                            <td class="text-center"></td>
                                            <td class="text-center"></td>
                                            <td class="text-center"></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.program_department_deliverables_import}}" {% if permission.program_department_deliverables_import == 1 %} checked {% endif %} name="program_department_deliverables_import" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.program_department_deliverables_export}}" {% if permission.program_department_deliverables_export == 1 %} checked {% endif %} name="program_department_deliverables_export" class="js-switch"/></td>
                                        </tr>
                                    </tbody>
                                    <tfoot>
                                    
                                    </tfoot>
                                </table>
                            </div>
                            
                            

                            <div class="mt-4 ibox-title px-2 justify-content-between d-flex align-items-center">
                                <h5>HR Department</h5>
                            </div>

                            <div class="ibox-content">
                                <table class="footable table table-stripped table-bordered toggle-arrow-tiny">
                                    <thead>
                                    <tr>
                                        <th>Section</th>
                                        <th class="text-center">View</th>
                                        <th class="text-center">Add</th>
                                        <th class="text-center">Edit</th>
                                        <th class="text-center">Delete</th>
                                        <th class="text-center">Import</th>
                                        <th class="text-center">Export</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>Team Registration</td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.hr_department_team_registration_view}}" {% if permission.hr_department_team_registration_view == 1 %} checked {% endif %} name="hr_department_team_registration_view" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.hr_department_team_registration_add}}" {% if permission.hr_department_team_registration_add == 1 %} checked {% endif %} name="hr_department_team_registration_add" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.hr_department_team_registration_edit}}" {% if permission.hr_department_team_registration_edit == 1 %} checked {% endif %} name="hr_department_team_registration_edit" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.hr_department_team_registration_delete}}" {% if permission.hr_department_team_registration_delete == 1 %} checked {% endif %} name="hr_department_team_registration_delete" class="js-switch"/></td>
                                            <td class="text-center"></td>
                                            <td class="text-center"></td>
                                        </tr>
                                        <tr>
                                            <td>Vendor Registration</td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.hr_department_vendor_registration_view}}" {% if permission.hr_department_vendor_registration_view == 1 %} checked {% endif %} name="hr_department_vendor_registration_view" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.hr_department_vendor_registration_add}}" {% if permission.hr_department_vendor_registration_add == 1 %} checked {% endif %} name="hr_department_vendor_registration_add" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.hr_department_vendor_registration_edit}}" {% if permission.hr_department_vendor_registration_edit == 1 %} checked {% endif %} name="hr_department_vendor_registration_edit" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.hr_department_vendor_registration_delete}}" {% if permission.hr_department_vendor_registration_delete == 1 %} checked {% endif %} name="hr_department_vendor_registration_delete" class="js-switch"/></td>
                                            <td class="text-center"></td>
                                            <td class="text-center"></td>
                                        </tr>
                                        <tr>
                                            <td>Attendance</td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.hr_department_attendance_view}}" {% if permission.hr_department_attendance_view == 1 %} checked {% endif %} name="hr_department_attendance_view" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.hr_department_attendance_add}}" {% if permission.hr_department_attendance_add == 1 %} checked {% endif %} name="hr_department_attendance_add" class="js-switch"/></td>
                                            <td class="text-center"></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.hr_department_attendance_delete}}" {% if permission.hr_department_attendance_delete == 1 %} checked {% endif %} name="hr_department_attendance_delete" class="js-switch"/></td>
                                            <td class="text-center"></td>
                                            <td class="text-center"></td>
                                        </tr>
                                    </tbody>
                                    <tfoot>
                                    
                                    </tfoot>
                                </table>
                            </div>

                            <div class="mt-4 ibox-title px-2 justify-content-between d-flex align-items-center">
                                <h5>Finance Department</h5>
                            </div>

                            <div class="ibox-content">
                                <table class="footable table table-stripped table-bordered toggle-arrow-tiny">
                                    <thead>
                                    <tr>
                                        <th>Section</th>
                                        <th class="text-center">View</th>
                                        <th class="text-center">Add</th>
                                        <th class="text-center">Edit</th>
                                        <th class="text-center">Delete</th>
                                        <th class="text-center">Export</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>Income</td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.finance_department_income_view}}" {% if permission.finance_department_income_view == 1 %} checked {% endif %} name="finance_department_income_view" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.finance_department_income_add}}" {% if permission.admin_department_letter_box_delete == 1 %} checked {% endif %} name="finance_department_income_add" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.finance_department_income_edit}}" {% if permission.finance_department_income_edit == 1 %} checked {% endif %} name="finance_department_income_edit" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.finance_department_income_delete}}" {% if permission.finance_department_income_delete == 1 %} checked {% endif %} name="finance_department_income_delete" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.finance_department_income_export}}" {% if permission.finance_department_income_export == 1 %} checked {% endif %} name="finance_department_income_export" class="js-switch"/></td>
                                        </tr>
                                        <tr>
                                            <td>Expenditure</td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.finance_department_expenditure_view}}" {% if permission.finance_department_expenditure_view == 1 %} checked {% endif %} name="finance_department_expenditure_view" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.finance_department_expenditure_add}}" {% if permission.finance_department_expenditure_add == 1 %} checked {% endif %} name="finance_department_expenditure_add" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.finance_department_expenditure_edit}}" {% if permission.finance_department_expenditure_edit == 1 %} checked {% endif %} name="finance_department_expenditure_edit" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.finance_department_expenditure_delete}}" {% if permission.finance_department_expenditure_delete == 1 %} checked {% endif %} name="finance_department_expenditure_delete" class="js-switch"/></td>
                                            <td class="text-center"><input type="checkbox" value="{{permission.finance_department_expenditure_export}}" {% if permission.finance_department_expenditure_export == 1 %} checked {% endif %} name="finance_department_expenditure_export" class="js-switch"/></td>
                                        </tr>
                                    </tbody>
                                    <tfoot>
                                    
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                        <div class="justify-content-center d-flex align-items-center" style="width :100%;">
                            <button type="submit" class="btn btn-primary block w-50 m-b">SAVE PERMISSIONS</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
	</div>
</div>


<script>

    $('#user_type').select2({
        placeholder: "Select User Type",
        allowClear: false
    });


    $(document.body).ready(function(){
        var user_type = $('#user_type').attr('data-value');
        if (user_type) {
            $('#user_type').val(user_type.toString()).trigger('change.select2');
        }
    });

    $(document.body).on('change', '#user_type', function() {
        var user_type = $(this).val();
        if (user_type) {
            window.location.href = '/demo/admin-department/permissions/' + user_type;
        } else {
            window.location.href = '/demo/admin-department/permissions/1';
        }
    });


    $(document).on('change', '.js-switch', function () {
        var value = $(this).val();
        $(this).val(value == 0 ? 1 : 0);
    });
    
</script>

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