Mr.Combet Webshell 🔥

View File Name : GroupMemberReports.cshtml


@{
    ViewBag.Title = "Group Member Reports";
}

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-md-8">
        <ol class="breadcrumb">
            <li class="active">
                <strong>Group Member Report Management</strong>
            </li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="ibox float-e-margins">
            <br />
            <div class="ibox-content">

                <div class="form-horizontal">
                    <div class="form-group">

                        <div class="col-md-1 control-label">
                            Province:
                        </div>
                        <div class="col-md-2">
                            <select type="text" class="form-control required" name="ProvinceId" id="ProvinceId" data-api="/province/select/threeStates"></select>
                        </div>

                        <div class="col-md-1 control-label">
                            District:
                        </div>
                        <div class="col-md-2">
                            <select type="text" class="form-control required" name="DistrictId" id="DistrictId" data-api="/districts/select" disabled=""></select>
                        </div>


                        @*<div class="col-md-1 control-label">
                                Type:
                            </div>
                            <div class="col-md-2">
                                <select id="TypeId" name="TypeId" class="form-control required">
                                    <option value="0">Select</option>
                                    <option value="1">Approved Group</option>
                                    <option value="2">Submitted Group</option>
                                </select>
                            </div>*@

                        <div class="col-md-1 control-label">
                            Municipality:
                        </div>
                        <div class="col-md-2">
                            <select type="text" class="form-control required" id="MunicipalityId" name="MunicipalityId" data-api="/municipality/select" disabled="">
                            </select>

                        </div>


                        <div class="col-md-1 control-label">
                            Status:
                        </div>
                        <div class="col-md-2">
                            <select type="text" class="form-control required" name="StatusTypeId" id="StatusTypeId">
                                <option value="0">Select All</option>
                                <option value="1">Approved</option>
                                <option value="2">Rejected</option>
                                <option value="3">Pending</option>
                            </select>
                        </div>
                        <br /><br /><br />
                        <div class="col-md-1 control-label">
                            Group:
                        </div>
                        <div class="col-md-5">
                            <select type="text" class="form-control required" name="GroupId" id="GroupId" data-api="/groups/select"></select>
                            <input type="hidden" id="SelectedGroupIds" name="SelectedGroupIds" />
                        </div>
                        <br /><br /><br />
                        <div class="col-md-1 pull-right" style="margin-right:27px">
                            <a href="#" onclick="exportExcel()" class="btn btn-success">
                                Export Excel @*<img src="~/Images/ExternalIcon/excel.png" style="height:32px;width:32px"/>*@
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
<script>

    $(document).ready(function () {
        window.initializeSelectApis();
        window.initializeCascadeLocation();
        window.initializeCascadeGroup();
        var groupId = $('#GroupId');

        $(groupId).select2({
            multiple: false,
            allowClear: true,
        }).change(function () {
            var selectedGroupIds = $.map($(groupId).select2('data'), function (val, i) {
                return val.id;
            }).join(",");
            $('#SelectedGroupIds').val(selectedGroupIds);
        });


    })

    function exportExcel() {
        var provinceId = document.getElementById('ProvinceId').value;
        var districtId = document.getElementById('DistrictId').value;
        var municipalityId = document.getElementById('MunicipalityId').value;
        var groupId = document.getElementById('SelectedGroupIds').value;
        var statusId = document.getElementById('StatusTypeId').value;
        window.location.href = `/report/group_member/export?provinceId=${provinceId}&districtId=${districtId}&municipalityId=${municipalityId}&groupId=${groupId}&statusId=${statusId}`;
    }

</script>