{{ View::make('layout.header') }}
<style>
    .fc-right .fc-state:hover {
        background-color: #fff !important;

    }

    .fc-right .fc-button {
        padding: 0.438rem 0.5rem !important;
        background: #fff !important;
        border-color: #7367f0 !important;
        color: #7367f0;
        height: 100%;
    }

    .fc-right .fc-state-active {
        background-color: rgba(115, 103, 240, 0.2) !important;
        border-color: #7367f0 !important;
        color: #7367f0;
        z-index: 1 !important;
    }

    .fc-next-button,
    .fc-prev-button {
        background: #fff !important;
    }

    .fc-month-button,
    .fc-agendaWeek-button {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .fc-agendaWeek-button,
    .fc-agendaDay-button {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;

    }

    .fc-icon-left-single-arrow:after,
    .fc-icon-right-single-arrow:after {
        top: -10% !important;
    }

    .fc-icon-left-single-arrow:after {
        font-size: 135% !important;
        font-weight: inherit !important;
        content: "\e900" !important;
    }

    .fc-icon-right-single-arrow:after {
        font-size: 135% !important;
        font-weight: inherit !important;
        content: "\e901" !important;
    }

    .fc-state-default {
        box-shadow: none !important;
    }

    .fc-content .fc-title {
        color: #fff;
        font-size: 11px;
        white-space: break-spaces !important;
    }

    .fc-right .fc-button-group {
        width: 60% !important;
        float: right !important;
    }

    @media only screen and (min-width: 768px) {

        .fc-left,
        .fc-right {
            width: 50% !important;
        }

        .app-calendar .fc-popover {
            left: 50% !important;
            top: 30% !important;
        }
    }

    @media only screen and (max-width: 768px) {

        .fc-left,
        .fc-right {
            width: 100% !important;
        }

        .app-calendar .fc-popover {
            left: 20% !important;
            top: 40% !important;
        }
    }

    .custom-popup-header {
        padding: 3px 3px;
        background: #c3c3c3;
        margin-bottom: 5px;
    }

    .modal-dialog {
        max-width: 72% !important;
    }

    .custom-radio {

        padding-bottom: 4%;

    }

    .custom-checkbox {

        padding-bottom: 1%;

    }
</style>
<!-- BEGIN: Content-->
<div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <div class="breadcrumb-wrapper">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ route('settings') }}">Settings</a>
                                </li>
                                <li class="breadcrumb-item active"><a href="#">Access Management</a>
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <!-- Dashboard Ecommerce Starts -->
            <section id="multiple-column-form">

                <div class="row">
                    <div class="col-12 col-md-8">

                    </div>
                </div>
                <div class="row" style="margin:0px;">
                    <div class="card col-md-12" style="">
                        <div class="card-body">
                            <ul class="nav nav-tabs nav-justified" id="myTab2" role="tablist"
                                style="border-bottom: 1px solid #ebe9f1; border-radius: 0px;">
                                <li class="nav-item">
                                    <a class="nav-link active" id="home-tab-justified" data-toggle="tab"
                                        href="#home-just" role="tab" aria-controls="home-just"
                                        aria-selected="true">Individual Permission</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="profile-tab-justified" data-toggle="tab"
                                        href="#profile-just" role="tab" aria-controls="profile-just"
                                        aria-selected="true">Permission Roles</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="permission-tab-justified" data-toggle="tab"
                                        href="#permission-just" role="tab" aria-controls="permission-just"
                                        aria-selected="true">Permission List</a>
                                </li>
                            </ul>

                            <!-- Tab panes -->
                            <div class="tab-content pt-1">
                                <div class="tab-pane active" id="home-just" role="tabpanel"
                                    aria-labelledby="home-tab-justified">
                                    <div class="card" style="margin-bottom:0px; border: 0px;">
                                        <div class="card-header" style="padding-top:0px;">
                                            <h4 class="card-title">Individual Permission</h4>
                                        </div>
                                        <div class="card-body" style="padding-top:0px;">

                                            <form id="all-filter11" enctype="multipart/form-data">
                                                <div class="row" id="leave">
                                                    <div class="col-md-4 col-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="payment-date">Select Branch
                                                                :*</label>
                                                            <select class="form-control" name="branch" id="branch"
                                                                onchange="empselect();"></select>

                                                        </div>
                                                    </div>
                                                    <div class="col-md-4 col-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="payment-date">Select
                                                                Department :*</label>
                                                            <select class="form-control" name="department"
                                                                id="department" onchange="empselect();"></select>

                                                        </div>
                                                    </div>

                                                    <div class="col-md-4 col-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="payment-date">Select Category
                                                                :*</label>
                                                            <select class="form-control" name="category" id="category"
                                                                onchange="empselect();"></select>

                                                        </div>
                                                    </div>

                                                    <div class="col-md-6 col-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="payment-date">Search Employee
                                                                :</label>
                                                            <input type="text" name="name" id="name"
                                                                placeholder="Search Name" class="tcal form-control "
                                                                onkeyup="empselect()">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6 col-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="payment-date">Employee Role
                                                                :</label>
                                                            <select class="form-control"
                                                                id="list_permission"></select>
                                                        </div>
                                                    </div>

                                                    <div class="col-md-12 col-12">
                                                        <div class="form-group">
                                                            <label class="form-label" for="payment-date">Employee
                                                                :*</label>
                                                            <select class="form-control" id="list_emp"
                                                                multiple></select>
                                                        </div>
                                                    </div>

                                                    <div class="col-md-12 col-12">
                                                        <div class="form-group d-flex flex-wrap mb-0">
                                                            <button type="button" onclick="changestatus()"
                                                                class="btn btn-info mr-1"
                                                                id="apply">Apply</button>
                                                            <button type="button" onclick="clear_form('#leave')"
                                                                class="btn btn-danger mr-1"
                                                                id="apply">Cancel</button>

                                                        </div>
                                                        <div id="msg" style="margin-top:15px;"></div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="profile-just" role="tabpanel"
                                    aria-labelledby="profile-tab-justified">

                                    <div class="card" style="border: 0px; margin-bottom:0px;">
                                        <div class="card-header " style="padding-top:0px;">
                                            <div class="d-flex align-items-center">
                                                <h4 class="card-title">Permission Roles</h4>
                                            </div>
                                        </div>
                                        <div class="card-body" style=" ">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <form id="all-filter12" enctype="multipart/form-data">
                                                        <div class="row" id="leave11">

                                                            <div class="col-md-12 col-12">
                                                                <div class="form-group">
                                                                    <label class="form-label" for="payment-date">Role
                                                                        Name :</label>
                                                                    <input type="test" name="rolename"
                                                                        id="rolename" class="form-control"
                                                                        value=""
                                                                        onblur="checkGroupAvailability(this.value,'add')" />
                                                                </div>
                                                            </div>

                                                            <div class="col-md-12 col-12">
                                                                <div class="form-group">
                                                                    <label class="form-label"
                                                                        for="payment-date">Permission :</label>

                                                                    <div class="col-md-12">
                                                                        <div class="custom-popup-header">E-leave</div>
                                                                        <strong>Employee</strong>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" name="role"
                                                                                class="custom-control-input"
                                                                                id="e_leave" value="1">
                                                                            <label class="custom-control-label"
                                                                                for="e_leave"><strong> Access Right
                                                                                </strong></label>
                                                                        </div>
                                                                        <div class="row" id="eleave_sub_permission"
                                                                            style="display:none;     padding: 1% 0 1% 2%;">
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="basic"
                                                                                        class="custom-control-input"
                                                                                        name="eleve" value="basic">
                                                                                    <label class="custom-control-label"
                                                                                        for="basic">Basic</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="past"
                                                                                        class="custom-control-input"
                                                                                        name="eleve" value="past">
                                                                                    <label class="custom-control-label"
                                                                                        for="past">Past
                                                                                        Leave</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="edit"
                                                                                        class="custom-control-input"
                                                                                        name="eleve" value="edit">
                                                                                    <label class="custom-control-label"
                                                                                        for="edit">Edit</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="both"
                                                                                        class="custom-control-input"
                                                                                        name="eleve" value="both">
                                                                                    <label class="custom-control-label"
                                                                                        for="both">Master</label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox"
                                                                                class="custom-control-input"
                                                                                name="role" id="view"
                                                                                value="1">
                                                                            <label class="custom-control-label"
                                                                                for="view"><strong> View All Leave
                                                                                </strong></label>
                                                                        </div>
                                                                        <div class="row" id="view_sub_permission"
                                                                            style="display:none;     padding: 1% 0 1% 2%;">
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="own"
                                                                                        class="custom-control-input"
                                                                                        name="oview" value="own">
                                                                                    <label class="custom-control-label"
                                                                                        for="own">Own</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="ownsec"
                                                                                        class="custom-control-input"
                                                                                        name="oview" value="ownsec">
                                                                                    <label class="custom-control-label"
                                                                                        for="ownsec">Own
                                                                                        Section</label>
                                                                                </div>

                                                                                {{-- Own Section Details By Ashutosh Soni --}}
                                                                                <div style="padding: 1% 0 1% 2%; display:none;"
                                                                                    class="row inline-group"
                                                                                    id="ownsec_permissiondetails">
                                                                                    <div class="col-md-12">
                                                                                        <div class="custom-control custom-control-success custom-checkbox"
                                                                                            style="">
                                                                                            <input
                                                                                                style="margin-left:20px;"
                                                                                                class="custom-control-input"
                                                                                                type="checkbox"
                                                                                                id="ownsec_branch"
                                                                                                name="ownsec_details"
                                                                                                value="branch">
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="ownsec_branch">
                                                                                                <strong> Branch
                                                                                                </strong>
                                                                                            </label>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-12">
                                                                                        <div class="custom-control custom-control-success custom-checkbox"
                                                                                            style="">
                                                                                            <input
                                                                                                style="margin-left:20px;"
                                                                                                class="custom-control-input"
                                                                                                type="checkbox"
                                                                                                id="ownsec_category"
                                                                                                name="ownsec_details"
                                                                                                value="category">
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="ownsec_category">
                                                                                                <strong> Category
                                                                                                </strong>
                                                                                            </label>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-12">
                                                                                        <div class="custom-control custom-control-success custom-checkbox"
                                                                                            style="">
                                                                                            <input
                                                                                                style="margin-left:20px;"
                                                                                                class="custom-control-input"
                                                                                                type="checkbox"
                                                                                                id="ownsec_department"
                                                                                                name="ownsec_details"
                                                                                                value="department">
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="ownsec_department">
                                                                                                <strong> Department
                                                                                                </strong>
                                                                                            </label>
                                                                                        </div>
                                                                                    </div>

                                                                                </div>
                                                                                {{-- Own Section Details By Ashutosh Soni --}}
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="ownbranch"
                                                                                        class="custom-control-input"
                                                                                        name="oview"
                                                                                        value="ownbranch">
                                                                                    <label class="custom-control-label"
                                                                                        for="ownbranch">Own
                                                                                        Branch</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="ownstate" name="oview"
                                                                                        class="custom-control-input"
                                                                                        value="ownstate">
                                                                                    <label class="custom-control-label"
                                                                                        for="ownstate">Own
                                                                                        State</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="full"
                                                                                        class="custom-control-input"
                                                                                        name="oview" value="full">
                                                                                    <label class="custom-control-label"
                                                                                        for="full">Full</label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" name="rlallow"
                                                                                class="custom-control-input"
                                                                                id="rlallow" value="1">
                                                                            <label class="custom-control-label"
                                                                                for="rlallow"><strong> RL allow
                                                                                </strong></label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" name="role"
                                                                                class="custom-control-input"
                                                                                id="eleave_duty_roster"
                                                                                value="1">
                                                                            <label class="custom-control-label"
                                                                                for="eleave_duty_roster"><strong> Duty
                                                                                    Roster In Ecoleave </strong></label>
                                                                        </div>
                                                                        <div class="row" id="view_sub_permission1"
                                                                            style="display:none;     padding: 1% 0 1% 2%;">
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="duty_rostere_owne"
                                                                                        name="oview1" value="own"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="duty_rostere_owne">Own</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="duty_rostere_ownsece"
                                                                                        name="oview1" value="ownsec"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="duty_rostere_ownsece">Own
                                                                                        Section</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="duty_rostere_ownbranche"
                                                                                        name="oview1"
                                                                                        value="ownbranch"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="duty_rostere_ownbranche">Own
                                                                                        Branch</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="duty_rostere_ownstatee"
                                                                                        name="oview1"
                                                                                        value="ownstate"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="duty_rostere_ownstatee">Own
                                                                                        State</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="duty_rostere_fulle"
                                                                                        name="oview1" value="full"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="duty_rostere_fulle">Full</label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-md-12">
                                                                        <br><strong>Approval</strong>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" name="role"
                                                                                class="custom-control-input"
                                                                                id="approval" value="1">
                                                                            <label class="custom-control-label"
                                                                                for="approval"><strong> Access Right
                                                                                </strong></label>
                                                                        </div>
                                                                        <div class="row"
                                                                            id="approval_sub_permission"
                                                                            style="display:none;     padding: 1% 0 1% 2%;">
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="recommend"
                                                                                        name="opapproval"
                                                                                        value="recommend"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="recommend"> Recommend
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="approve"
                                                                                        name="opapproval"
                                                                                        value="approve"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="approve"> Approve
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="pastl"
                                                                                        name="opapproval"
                                                                                        value="past"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="pastl"> Past Leave
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                            <!--<input type="radio" id="restday" name="opapproval" value="restday">Duty Roster&nbsp;-->
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="apmaster"
                                                                                        name="opapproval"
                                                                                        value="apmaster"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="apmaster"> Master </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">Approval Menu:</div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" name="role"
                                                                                class="custom-control-input"
                                                                                id="approval_view" value="1">
                                                                            <label class="custom-control-label"
                                                                                for="approval_view"><strong> View All
                                                                                    Leave </strong></label>
                                                                        </div>
                                                                        <div class="row"
                                                                            id="approval_view_all_permission"
                                                                            style="display:none;     padding: 1% 0 1% 2%;">
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="approval_own"
                                                                                        class="custom-control-input"
                                                                                        name="approval_oview"
                                                                                        value="own">
                                                                                    <label class="custom-control-label"
                                                                                        for="approval_own"> Own
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="approval_ownsec"
                                                                                        name="approval_oview"
                                                                                        value="ownsec"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="approval_ownsec"> Own
                                                                                        Section </label>
                                                                                </div>

                                                                                {{-- Own Section Details By Ashutosh Soni --}}
                                                                                <div style="padding: 1% 0 1% 2%; display:none;"
                                                                                    class="row inline-group"
                                                                                    id="approval_view_all_permissiondetails">
                                                                                    <div class="col-md-12">
                                                                                        <div class="custom-control custom-control-success custom-checkbox"
                                                                                            style="">
                                                                                            <input
                                                                                                style="margin-left:20px;"
                                                                                                class="custom-control-input"
                                                                                                type="checkbox"
                                                                                                id="approval_ownsec_branch"
                                                                                                name="approval_ownsec_details"
                                                                                                value="branch">
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="approval_ownsec_branch">
                                                                                                <strong> Branch
                                                                                                </strong>
                                                                                            </label>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-12">
                                                                                        <div class="custom-control custom-control-success custom-checkbox"
                                                                                            style="">
                                                                                            <input
                                                                                                style="margin-left:20px;"
                                                                                                class="custom-control-input"
                                                                                                type="checkbox"
                                                                                                id="approval_ownsec_category"
                                                                                                name="approval_ownsec_details"
                                                                                                value="category">
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="approval_ownsec_category">
                                                                                                <strong> Category
                                                                                                </strong>
                                                                                            </label>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-12">
                                                                                        <div class="custom-control custom-control-success custom-checkbox"
                                                                                            style="">
                                                                                            <input
                                                                                                style="margin-left:20px;"
                                                                                                class="custom-control-input"
                                                                                                type="checkbox"
                                                                                                id="approval_ownsec_department"
                                                                                                name="approval_ownsec_details"
                                                                                                value="department">
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="approval_ownsec_department">
                                                                                                <strong> Department
                                                                                                </strong>
                                                                                            </label>
                                                                                        </div>
                                                                                    </div>

                                                                                </div>
                                                                                {{-- Own Section Details By Ashutosh Soni --}}
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="approval_ownbranch"
                                                                                        name="approval_oview"
                                                                                        value="ownbranch"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="approval_ownbranch"> Own
                                                                                        Branch </label>
                                                                                </div>
                                                                            </div>

                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="approval_ownstate"
                                                                                        name="approval_oview"
                                                                                        value="ownbranch"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="approval_ownstate"> Own
                                                                                        State </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="approval_full"
                                                                                        name="approval_oview"
                                                                                        value="full"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="approval_full"> Full
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" name="role"
                                                                                class="custom-control-input"
                                                                                id="duty_roster" value="1">
                                                                            <label class="custom-control-label"
                                                                                for="duty_roster"><strong> Duty Roster
                                                                                </strong></label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" name="role"
                                                                                class="custom-control-input"
                                                                                id="rest_day_setup" value="1">
                                                                            <label class="custom-control-label"
                                                                                for="rest_day_setup"><strong> Rest day
                                                                                    setup </strong></label>
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-md-12"><br><strong>HR</strong>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" id="hr"
                                                                                name="role"
                                                                                class="custom-control-input"
                                                                                value="1">
                                                                            <label class="custom-control-label"
                                                                                for="hr"><strong> Access Right
                                                                                </strong></label>
                                                                        </div>
                                                                        <div class="row" id="hr_sub_permission"
                                                                            style="display:none;     padding: 1% 0 1% 2%;">
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="hrnormal" name="hrole"
                                                                                        class="custom-control-input"
                                                                                        value="normal">
                                                                                    <label class="custom-control-label"
                                                                                        for="hrnormal"> Basic </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="hrmaster" name="hrole"
                                                                                        value="master"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="hrmaster"> Master </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="hrfornpl" name="hrole"
                                                                                        value="fornpl"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="hrfornpl"> For NPL
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="hrviewonly" name="hrole"
                                                                                        value="viewonly"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="hrviewonly"> View Own
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="hrviewall" name="hrole"
                                                                                        class="custom-control-input"
                                                                                        value="viewall">
                                                                                    <label class="custom-control-label"
                                                                                        for="hrviewall"> View All
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" name="role"
                                                                                class="custom-control-input"
                                                                                id="hr_view" value="1">
                                                                            <label class="custom-control-label"
                                                                                for="hr_view"><strong> View All Leave
                                                                                </strong></label>
                                                                        </div>
                                                                        <div class="row"
                                                                            id="hr_view_all_permission"
                                                                            style="display:none;     padding: 1% 0 1% 2%;">
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="hr_own" name="hr_oview"
                                                                                        value="own"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="hr_own"> Own </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="hr_ownsec" name="hr_oview"
                                                                                        value="ownsec"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="hr_ownsec"> Own Section
                                                                                    </label>
                                                                                </div>
                                                                                {{-- Own Section Details By Ashutosh Soni --}}
                                                                                <div style="padding: 1% 0 1% 2%; display:none;"
                                                                                    class="row inline-group"
                                                                                    id="hr_view_all_permissiondetails">
                                                                                    <div class="col-md-12">
                                                                                        <div class="custom-control custom-control-success custom-checkbox"
                                                                                            style="">
                                                                                            <input
                                                                                                style="margin-left:20px;"
                                                                                                class="custom-control-input"
                                                                                                type="checkbox"
                                                                                                id="hr_ownsec_branch"
                                                                                                name="hr_ownsec_details"
                                                                                                value="branch">
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="hr_ownsec_branch">
                                                                                                <strong> Branch
                                                                                                </strong>
                                                                                            </label>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-12">
                                                                                        <div class="custom-control custom-control-success custom-checkbox"
                                                                                            style="">
                                                                                            <input
                                                                                                style="margin-left:20px;"
                                                                                                class="custom-control-input"
                                                                                                type="checkbox"
                                                                                                id="hr_ownsec_category"
                                                                                                name="hr_ownsec_details"
                                                                                                value="category">
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="hr_ownsec_category">
                                                                                                <strong> Category
                                                                                                </strong>
                                                                                            </label>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-12">
                                                                                        <div class="custom-control custom-control-success custom-checkbox"
                                                                                            style="">
                                                                                            <input
                                                                                                style="margin-left:20px;"
                                                                                                class="custom-control-input"
                                                                                                type="checkbox"
                                                                                                id="hr_ownsec_department"
                                                                                                name="hr_ownsec_details"
                                                                                                value="department">
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="hr_ownsec_department">
                                                                                                <strong> Department
                                                                                                </strong>
                                                                                            </label>
                                                                                        </div>
                                                                                    </div>

                                                                                </div>
                                                                                {{-- Own Section Details By Ashutosh Soni --}}
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="hr_ownbranch"
                                                                                        name="hr_oview"
                                                                                        value="ownbranch"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="hr_ownbranch"> Own Branch
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="hr_ownstate"
                                                                                        name="hr_oview"
                                                                                        value="ownstate"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="hr_ownstate"> Own State
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="hr_full" name="hr_oview"
                                                                                        value="full"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="hr_full"> Full </label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox"
                                                                                class="custom-control-input"
                                                                                id="hr_applysubordinate_add"
                                                                                name="role" value="1">
                                                                            <label class="custom-control-label"
                                                                                for="hr_applysubordinate_add"><strong>
                                                                                    Apply on behalf </strong></label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" name="gsearch"
                                                                                class="custom-control-input"
                                                                                id="gsearch" value="1">
                                                                            <label class="custom-control-label"
                                                                                for="gsearch"><strong> Global Search
                                                                                </strong></label>
                                                                        </div>
                                                                        <div class="row"
                                                                            id="gsearch_sub_permission"
                                                                            style="display:none;     padding: 1% 0 1% 2%;">
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="gsown"
                                                                                        name="gsearchop"
                                                                                        value="own"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="gsown"> Own </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="gsownsec"
                                                                                        name="gsearchop"
                                                                                        value="ownsec"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="gsownsec"> Own Section
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="gsfull"
                                                                                        name="gsearchop"
                                                                                        value="full"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="gsfull"> Full </label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" id="hr_menu1"
                                                                                class="custom-control-input"
                                                                                name="hr_menu1" value="hr_menu1">
                                                                            <label class="custom-control-label"
                                                                                for="hr_menu1"><strong> Setup
                                                                                </strong></label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div class="custom-control custom-control-success custom-checkbox"
                                                                            style="margin-left:20px;">
                                                                            <input type="checkbox"
                                                                                class="custom-control-input"
                                                                                id="hr_leave_control"
                                                                                name="hr_leave_control"
                                                                                value="1">
                                                                            <label class="custom-control-label"
                                                                                for="hr_leave_control"><strong> HR
                                                                                    Leave Control </strong></label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div class="custom-control custom-control-success custom-checkbox"
                                                                            style="margin-left:20px;">
                                                                            <input class="custom-control-input"
                                                                                type="checkbox" id="hr_leave_entitle"
                                                                                name="hr_leave_entitle"
                                                                                value="1">
                                                                            <label class="custom-control-label"
                                                                                for="hr_leave_entitle"><strong> HR
                                                                                    Leave Entitle </strong></label>
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-md-12">
                                                                        <div class="custom-control custom-control-success custom-checkbox"
                                                                            style="margin-left:20px;">
                                                                            <input style="margin-left:20px;"
                                                                                type="checkbox"
                                                                                class="custom-control-input"
                                                                                id="hr_add_employee"
                                                                                name="hr_add_employee" value="1">
                                                                            <label class="custom-control-label"
                                                                                for="hr_add_employee"><strong> Add
                                                                                    Employee </strong></label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div class="custom-control custom-control-success custom-checkbox"
                                                                            style="margin-left:20px;">
                                                                            <input style="margin-left:20px;"
                                                                                type="checkbox"
                                                                                class="custom-control-input"
                                                                                id="hr_edit_employee"
                                                                                name="hr_edit_employee"
                                                                                value="1">
                                                                            <label class="custom-control-label"
                                                                                for="hr_edit_employee"><strong> Edit
                                                                                    Employee </strong></label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div class="custom-control custom-control-success custom-checkbox"
                                                                            style="margin-left:20px;">
                                                                            <input style="margin-left:20px;"
                                                                                type="checkbox"
                                                                                class="custom-control-input"
                                                                                id="hr_setup_leave_edit"
                                                                                name="hr_setup_leave_edit"
                                                                                value="1">
                                                                            <label class="custom-control-label"
                                                                                for="hr_setup_leave_edit"><strong> Edit
                                                                                    Leave </strong></label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div class="custom-control custom-control-success custom-checkbox"
                                                                            style="margin-left:20px;">
                                                                            <input style="margin-left:20px;"
                                                                                type="checkbox"
                                                                                class="custom-control-input"
                                                                                id="hr_setup_rest_day"
                                                                                name="hr_setup_rest_day"
                                                                                value="1">
                                                                            <label class="custom-control-label"
                                                                                for="hr_setup_rest_day"><strong> Rest
                                                                                    Day
                                                                                </strong></label>
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" id="hr_menu2"
                                                                                class="custom-control-input"
                                                                                name="hr_menu2" value="hr_menu2">
                                                                            <label class="custom-control-label"
                                                                                for="hr_menu2"><strong> Leave Summary
                                                                                </strong></label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" id="hr_menu3"
                                                                                class="custom-control-input"
                                                                                name="hr_menu3" value="hr_menu3">
                                                                            <label class="custom-control-label"
                                                                                for="hr_menu3"><strong> Other Leave
                                                                                    Report </strong></label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox"
                                                                                name="hr_leave_edit"
                                                                                class="custom-control-input"
                                                                                id="hr_leave_edit" value="1">
                                                                            <label class="custom-control-label"
                                                                                for="hr_leave_edit"><strong> Edit Leave
                                                                                </strong></label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox"
                                                                                class="custom-control-input"
                                                                                id="apply_rl" name="hrole"
                                                                                value="apply_rl">
                                                                            <label class="custom-control-label"
                                                                                for="apply_rl"><strong> Approve RL
                                                                                </strong></label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" id="cancel_leave"
                                                                                class="custom-control-input"
                                                                                name="hrole" value="cancel_leave">
                                                                            <label class="custom-control-label"
                                                                                for="cancel_leave"><strong> Cancel
                                                                                    Leave </strong></label>
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox"
                                                                                class="custom-control-input"
                                                                                id="leave_audit" name="leave_audit"
                                                                                value="1">
                                                                            <label class="custom-control-label"
                                                                                for="leave_audit"><strong>
                                                                                    Print Audit Trail
                                                                                </strong></label>
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-md-12"><br>
                                                                        <div class="custom-popup-header">E-Claim</div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" name="role"
                                                                                class="custom-control-input"
                                                                                id="e_claim" value="1">
                                                                            <label class="custom-control-label"
                                                                                for="e_claim"><strong> E-Claim
                                                                                </strong></label>
                                                                        </div>
                                                                        <div class="row" id="eclaim_sub_permission"
                                                                            style="display:none;     padding: 1% 0 1% 2%;">
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="eclaim_add"
                                                                                        name="eclaim_v"
                                                                                        value="eclaim_add"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="eclaim_add"> Add </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="eclaim_approve"
                                                                                        name="eclaim_v"
                                                                                        value="eclaim_approve"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="eclaim_approve"> Approve
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="eclaim_finance"
                                                                                        name="eclaim_v"
                                                                                        value="eclaim_finance"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="eclaim_finance"> Finance
                                                                                    </label>
                                                                                </div>
                                                                            </div>

                                                                            <div class="col-md-12">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-checkbox">
                                                                                    <input type="checkbox"
                                                                                        class="custom-control-input"
                                                                                        id="eclaim_audit"
                                                                                        name="eclaim_audit"
                                                                                        value="1">
                                                                                    <label class="custom-control-label"
                                                                                        for="eclaim_audit"><strong>
                                                                                            Print Audit Trail
                                                                                        </strong></label>
                                                                                </div>
                                                                            </div>

                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12"><br>
                                                                        <div class="custom-popup-header">E-Payslip
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" name="role"
                                                                                class="custom-control-input"
                                                                                id="e_payslip" value="1"><label
                                                                                class="custom-control-label"
                                                                                for="e_payslip"><strong> E-Payslip
                                                                                </strong></label>
                                                                        </div>
                                                                        <div class="row"
                                                                            id="epayslip_sub_permission"
                                                                            style="display:none;     padding: 1% 0 1% 2%;">
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="payslipt"
                                                                                        name="epayslip_download"
                                                                                        value="payslipt"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="payslipt"> Payslip t
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="payslipw"
                                                                                        name="epayslip_download"
                                                                                        value="payslipw"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="payslipw"> Payslip w
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="payslipx"
                                                                                        name="epayslip_download"
                                                                                        value="payslipx"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="payslipx"> Payslip x
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="payslipu"
                                                                                        name="epayslip_download"
                                                                                        value="payslipu"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="payslipu"> Payslip u
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-3">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-radio">
                                                                                    <input type="radio"
                                                                                        id="payslipv"
                                                                                        name="epayslip_download"
                                                                                        value="payslipv"
                                                                                        class="custom-control-input">
                                                                                    <label class="custom-control-label"
                                                                                        for="payslipv"> Payslip v
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12"><br>
                                                                        <div class="custom-popup-header">E-Attendance
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" name="role"
                                                                                class="custom-control-input"
                                                                                id="e_attendance" value="1">
                                                                            <label class="custom-control-label"
                                                                                for="e_attendance"><strong>
                                                                                    E-Attendance </strong></label>
                                                                        </div>
                                                                        <div class="row"
                                                                            id="eattendance_sub_permission"
                                                                            style="display:none;     padding: 1% 0 1% 2%;">

                                                                            <div class="col-md-12">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-checkbox">
                                                                                    <input type="checkbox"
                                                                                        class="custom-control-input"
                                                                                        onchange="attendanceAdminAccessCheckboxTrigger()"
                                                                                        id="e_attendance_admin"
                                                                                        name="e_attendance_admin"
                                                                                        value="1">
                                                                                    <label class="custom-control-label"
                                                                                        for="e_attendance_admin"><strong>
                                                                                            Admin </strong></label>
                                                                                </div>
            <div class="row inline-group permission_hide" id="attendance_hr_sub_permission_create" style="padding-left: 30px;">
    <div class="col-md-6">
        <div class="custom-control custom-control-success custom-radio">
            <input type="radio" class="custom-control-input" name="attendance_hr_type_create" value="own_state">
            <label class="custom-control-label" for="attendance_hr_ownstate">Own State</label>
        </div>
    </div>
    <div class="col-md-6">
        <div class="custom-control custom-control-success custom-radio">
            <input type="radio" class="custom-control-input"  name="attendance_hr_type_create" value="own_branch">
            <label class="custom-control-label" for="attendance_hr_ownbranch">Own Branch</label>
        </div>
    </div>
    <div class="col-md-6">
        <div class="custom-control custom-control-success custom-radio">
            <input type="radio" class="custom-control-input"  name="attendance_hr_type_create" value="own_category">
            <label class="custom-control-label" for="attendance_hr_owncat">Own Category</label>
        </div>
    </div>
    <div class="col-md-6">
        <div class="custom-control custom-control-success custom-radio">
            <input type="radio" class="custom-control-input"  name="attendance_hr_type_create" value="full">
            <label class="custom-control-label" for="attendance_hr_full">Full</label>
        </div>
    </div>
    <div class="col-md-6">
        <div class="custom-control custom-control-success custom-radio">
            <input type="radio" class="custom-control-input" name="attendance_hr_type_create" value="own_section">
            <label class="custom-control-label" for="attendance_hr_ownsec">Own Section</label>
        </div>
    </div>
    </div>
         <div class="own-section-checkboxes-hr-create" style="padding-left:50px;">
        <div class="custom-control custom-checkbox">
            <input class="custom-control-input" type="checkbox" id="own_section_attendance_branch_hr_create" name="own_section_attendance_branch_hr_create">
            <label class="custom-control-label" for="own_section_attendance_branch_hr_create">Own Branch</label>
        </div>
        <div class="custom-control custom-checkbox">
            <input class="custom-control-input" type="checkbox" id="own_section_attendance_category_hr_create" name="own_section_attendance_category_hr_create">
            <label class="custom-control-label" for="own_section_attendance_category_hr_create">Own Category</label>
        </div>
        <div class="custom-control custom-checkbox">
            <input class="custom-control-input" type="checkbox" id="own_section_attendance_state_hr_create" name="own_section_attendance_state_hr_create">
            <label class="custom-control-label" for="own_section_attendance_state_hr_create">Own State</label>
        </div>
    </div>

                                                                            </div>
                                                                            <div class="col-md-12">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-checkbox">
                                                                                    <input type="checkbox"
                                                                                        class="custom-control-input"
                                                                                        id="e_attendance_emp"
                                                                                        name="e_attendance_emp"
                                                                                        value="1">
                                                                                    <label class="custom-control-label"
                                                                                        for="e_attendance_emp"><strong>
                                                                                            Employee </strong></label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-12">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-checkbox">
                                                                                    <input type="checkbox"
                                                                                        class="custom-control-input"
                                                                                        id="edit_attendance"
                                                                                        name="edit_attendance"
                                                                                        value="1">
                                                                                    <label
                                                                                        class="custom-control-label"
                                                                                        for="edit_attendance"><strong>
                                                                                            Edit Attendance
                                                                                        </strong></label>
                                                                                </div>
                                                                            </div>

                                                                            <div class="col-md-12">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-checkbox">
                                                                                    <input type="checkbox"
                                                                                        class="custom-control-input"
                                                                                        id="attendance_audit"
                                                                                        name="attendance_audit"
                                                                                        value="1">
                                                                                    <label
                                                                                        class="custom-control-label"
                                                                                        for="attendance_audit"><strong>
                                                                                            Print Audit Trail
                                                                                        </strong></label>
                                                                                </div>
                                                                            </div>

                                                                            <div class="col-md-12">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-checkbox">
                                                                                    <input type="checkbox"
                                                                                        class="custom-control-input"
                                                                                        id="approval_ot"
                                                                                        onchange="attendanceApprovalAccessCheckboxTrigger()"
                                                                                        name="approval_ot"
                                                                                        value="1">
                                                                                    <label
                                                                                        class="custom-control-label"
                                                                                        for="approval_ot"><strong>
                                                                                            Approval
                                                                                        </strong></label>
                                                                                </div>
                                                                                <div class="row inline-group permission_hide" id="attendance_approval_sub_permission_create" style="padding-left: 30px;">
                                                                                    <div class="col-md-6">
                                                                                        <div class="custom-control custom-control-success custom-radio">
                                                                                            <input type="radio" class="custom-control-input" name="attendance_approval_type_create" value="own_state">
                                                                                            <label class="custom-control-label" for="attendance_approval_ownstate">Own State</label>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-6">
                                                                                        <div class="custom-control custom-control-success custom-radio">
                                                                                            <input type="radio" class="custom-control-input" name="attendance_approval_type_create" value="own_branch">
                                                                                            <label class="custom-control-label" for="attendance_approval_ownbranch">Own Branch</label>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-6">
                                                                                        <div class="custom-control custom-control-success custom-radio">
                                                                                            <input type="radio" class="custom-control-input" name="attendance_approval_type_create" value="own_category">
                                                                                            <label class="custom-control-label" for="attendance_approval_owncat">Own Category</label>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-6">
                                                                                        <div class="custom-control custom-control-success custom-radio">
                                                                                            <input type="radio" class="custom-control-input" name="attendance_approval_type_create" value="full">
                                                                                            <label class="custom-control-label" for="attendance_approval_full">Full</label>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-6">
                                                                                        <div class="custom-control custom-control-success custom-radio">
                                                                                            <input type="radio" class="custom-control-input" name="attendance_approval_type_create" value="own_section">
                                                                                            <label class="custom-control-label" for="attendance_approval_ownsec">Own Section</label>
                                                                                        </div>
                                                                                    </div>
                                                                                    </div>
                                                                                        <div class="own-section-checkboxes-approval-create" style="padding-left:50px;">
                                                                                        <div class="custom-control custom-checkbox">
                                                                                            <input class="custom-control-input" type="checkbox" id="own_section_attendance_branch_create" name="own_section_attendance_branch_create">
                                                                                            <label class="custom-control-label" for="own_section_attendance_branch_create">Own Branch</label>
                                                                                        </div>
                                                                                        <div class="custom-control custom-checkbox">
                                                                                            <input class="custom-control-input" type="checkbox" id="own_section_attendance_category_create" name="own_section_attendance_category_create">
                                                                                            <label class="custom-control-label" for="own_section_attendance_category_create">Own Category</label>
                                                                                        </div>
                                                                                        <div class="custom-control custom-checkbox">
                                                                                            <input class="custom-control-input" type="checkbox" id="own_section_attendance_state_create" name="own_section_attendance_state_create">
                                                                                            <label class="custom-control-label" for="own_section_attendance_state_create">Own State</label>
                                                                                        </div>
                                                                                    </div>

                                                                            </div>

                                                                            <div class="col-md-12">
                                                                                <div
                                                                                    class="custom-control custom-control-success custom-checkbox">
                                                                                    <input type="checkbox"
                                                                                        class="custom-control-input"
                                                                                        id="reset_dutyroster"
                                                                                        name="reset_dutyroster"
                                                                                        value="1">
                                                                                    <label
                                                                                        class="custom-control-label"
                                                                                        for="reset_dutyroster"><strong>
                                                                                            Duty Roster Reset
                                                                                        </strong></label>
                                                                                </div>
                                                                            </div>

                                                                        </div>
                                                                    </div>

                                                                    <div class="col-md-12"><br>
                                                                        <div class="custom-popup-header">Admin</div>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" id="setting"
                                                                                class="custom-control-input"
                                                                                name="role" value="1">
                                                                            <label class="custom-control-label"
                                                                                for="setting"><strong> Setting
                                                                                </strong></label>
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="custom-control custom-control-success custom-checkbox">
                                                                            <input type="checkbox" id="profile"
                                                                                class="custom-control-input"
                                                                                name="role" value="1">
                                                                            <label class="custom-control-label"
                                                                                for="profile"><strong> Profile
                                                                                </strong></label>
                                                                        </div>
                                                                    </div>


                                                                </div>
                                                            </div>

                                                            <div class="col-md-12 col-12">
                                                                <div class="form-group d-flex flex-wrap mb-0">
                                                                    <button type="button" onclick="addgroups()"
                                                                        class="btn btn-info mr-1"
                                                                        id="addgroup">Apply</button>
                                                                    <button type="button"
                                                                        onclick="clear_form('#leave11')"
                                                                        class="btn btn-danger mr-1"
                                                                        id="apply">Cancel</button>

                                                                </div>
                                                                <div id="message1" style="margin-top:15px;"></div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane" id="permission-just" role="tabpanel"
                                    aria-labelledby="profile-tab-justified">

                                    <div class="card" style="border: 0px; margin-bottom:0px;">
                                        <div class="card-header " style="padding-top:0px;">
                                            <div class="d-flex align-items-center">
                                                <h4 class="card-title">Permission List</h4>
                                            </div>
                                            <div class="btn-group">
                                                <div class="">
                                                    <button type="button"
                                                        class="btn btn-danger waves-effect waves-float waves-light  reject-visible-btnn"
                                                        disabled data-toggle="modal"
                                                        data-target="#rejectModal">Delete</button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body" style="padding:0px; ">
                                            <div class="col-md-12">
                                                <div class="table-responsive" style="padding: 0 15px 15px 15px;">
                                                    <table class="table table-striped  my-leave-summary-entitle"
                                                        id="example12" style="font-size:12px;">
                                                        <thead>
                                                            <tr style="">
                                                                <th width="10%"
                                                                    style="text-transform: capitalize; width:10%;">
                                                                    Role
                                                                    Name</th>
                                                                <th width="85%"
                                                                    style="text-transform: capitalize;">Roles</th>
                                                                <th width="3%"
                                                                    style="text-align:center;text-transform: capitalize;">
                                                                    Action</th>
                                                                <th style="text-transform:capitalize; text-align:center;white-space: nowrap; border: none;"
                                                                    width="2%"><input type="checkbox"
                                                                        id="checkAll2"></th>

                                                            </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>

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

                {{-- permission list --}}
                <div class="card">
                    <div class="card-header" style="">
                        <div class="d-flex align-items-center">
                            <h4 class="card-title" style="margin-bottom:0px;">Employee Permission Data</h4>
                        </div>
                        <div class="row">
                            <div class="mt-2">
                                <button type="button"
                                    class="btn btn-danger waves-effect waves-float waves-light  reject-visible-btn"
                                    disabled>Delete</button>
                            </div>
                            &nbsp;
                            &nbsp;
                            <div>
                                <span class="align-items-right">Select Permission</span>
                                <select class="select form-control" name="dutyRoaster_type" id="dutyRoaster_type"
                                    onchange="filterdata(this.value)">
                                    <option value="">All</option>
                                    <option value="Not Assigned">Not Assigned</option>
                                    @foreach ($permissionss as $permissions)
                                        <option value="{{ $permissions->id }}">{{ $permissions->group_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                    </div>
                    <div class="card-body" style="padding-top:0px !important; ">
                        <div class="table-responsive " style="overflow-x: unset !important;">
                            <table class="table table-striped" id="permission_list" style=" font-size:12px;">
                                <thead>
                                    <tr>
                                        <th style="text-transform: capitalize;" width="35%">Emp</th>
                                        <th width="20%" style="text-transform: capitalize;">Group Name</th>
                                        <th style="text-transform:capitalize; text-align:center;white-space: nowrap; border: none;"
                                            width="4%">Action</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>


            </section>

            <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
                aria-labelledby="exampleModalLabel" aria-hidden="true">
                <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">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <h5 class="modal-title" id="exampleModalLabel">Are you sure want delete this permission
                                role(s)?</h5>
                            <div id="delete-modal">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary yes-btn">Yes</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="rejectModal" tabindex="-1" role="dialog"
                aria-labelledby="rejectModalLabel" aria-hidden="true">
                <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">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <h5 class="modal-title" id="exampleModalLabel">Are you sure want delete this permission
                                role(s)?</h5>
                            <div id="delete-modal1">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary yes-btn1">Yes</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>


<!-- Modal for edit permission -->
<div class="modal fade text-left" id="inlineForm111" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel33" aria-hidden="true">
    <div style="max-width: 670px; !important;" class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">Update Permission</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="col-md-6">
                <h6 class="modal-title" id="Empname"></h6>
                <input type="hidden" name="username" id="username" value="">
                <label>Select Permission :</label>
                <select class="form-control" name="permission_id" id="permission_id">
                    <option value="">Select</option>
                    @foreach ($permissionss as $value)
                        <option value="{{ $value->id }}">{{ $value->group_name }}</option>
                    @endforeach
                </select>
            </div>
            <div class='col-md-6'>
                <a onclick='updateUserPermission()' style='margin-top:23px;' class='edcc btn btn-info'>Update</a>
            </div>
        </div>
    </div>
</div>



<!-- END: Content-->
{{ View::make('layout.footer') }}
@include('inc.access_management-model')

<script>
    // employee data

    function empPermissionData(permission_id) {
        var i = 1;
        var string_url = "empPermissionData?permission_id=" + permission_id;
        $('#permission_list').DataTable({
            "lengthMenu": [
                [10, 20, 50, -1],
                [10, 20, 50, "All"]
            ],
            "order": [
                [1, 'asc']
            ],
            "processing": true,
            "destroy": true,
            "serverSide": false,
            "ajax": string_url,
            "columns": [

                {
                    data: 'name',
                    name: 'employee_id'
                },

                {
                    data: 'group_name',
                    name: 'group_name'
                },
                {
                    "render": function(data, type, row, meta) {
                        var edit =
                            '<a class="appDialog-model111 text-success" data-toggle="modal" data-target="#inlineForm111" data-id="' +
                            row.username + '"  data-permission="' + row
                            .permission_group_id +
                            '"><svg style="margin-bottom: 7px;" xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><circle cx="12" cy="12" r="3"></circle><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg></a>&nbsp;';
                        edit +=
                            '<input type="checkbox" class="username_checkbox" name="inlineRadioOptions"id="amark' +
                            row.i + '" value="' + row.username + '"/>';
                        return edit;
                    },


                }

            ],
            "language": {
                "paginate": {
                    "previous": '&nbsp;',
                    "next": '&nbsp;'
                }
            },
            'columnDefs': [{
                "targets": [2],
                "orderable": false
            }],
        });
    }


    ///*******filterdata*******

    function filterdata(value) {
        empPermissionData(value);
    }


    ///update duty roASTER
    $(document).on("click", ".appDialog-model111", function() {
        var empUsername = $(this).data('id');
        var permission_id = $(this).data('permission');
        $("#username").val(empUsername);
        $("#permission_id").val(permission_id);
    });

    function updateUserPermission() {

        $.ajax({
            url: "{{ route('updateUserPermission') }} ",
            method: 'POST',
            data: {
                _token: '<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function csrf_token() in /home/ecoleave/public_html/backup/v6/resources/views/settings/access_management.blade.php:1937
Stack trace:
#0 {main}
  thrown in <b>/home/ecoleave/public_html/backup/v6/resources/views/settings/access_management.blade.php</b> on line <b>1937</b><br />