@extends('layouts.admin')
@section('title','GIMS')
@section('styles')

<style>
    .nav-tabs-wrapper {
        display: block;
        overflow: hidden;
        height: calc(1.5rem + 1rem + 2px);
        /** 1.5 is font-size, 1 is padding top and bottom, 2 is border width top and bottom */
        position: relative;
        z-index: 1;
        margin-bottom: -1px;

        .nav-tabs {
            overflow-x: auto;
            flex-wrap: nowrap;
            border-bottom: 0;
        }

        .nav-item {
            margin-bottom: 0;

            &:first-child {
                padding-left: 15px;
            }

            &:last-child {
                padding-right: 15px;
            }
        }

        .nav-link {
            white-space: nowrap;
        }

        .dragscroll:active,
        .dragscroll:active a {
            cursor: -webkit-grabbing;
        }
    }

    .nav-tabs-wrapper-border {
        display: block;
        width: 100%;
        border-top: 1px solid #e68524;
    }

    .tab-pane {
        padding: 1rem;
    }

    body {
        color: #3077bb;
    }

    .button {
        background-color: #3077bb;
        border: none;
        color: white;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 3px 2px;
        cursor: pointer;
        border-radius: 16px;
    }

    .button:hover {
        background-color: #e68524;
    }
</style>


@endsection
@section('script')


<script>
    $('#fetch_detail_btn').click(function(e) {

        e.preventDefault(); // do not submit form
        var utype = $('#utype').val();



        $.ajax({
            url: "{{ route('admin-report-user1') }}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                utype: utype


            },
            success: function(response) {

                if (typeof(response) != 'object') {
                    response = JSON.parse(response);
                }


                if (response.data) {
                    var html_body = "";

                    $.each(response.data, function(key, value) {
                        html_body += "<tr>";
                        html_body += "<td>" + (key + 1) + "</td>";
                        html_body += "<td>" + value.name + "</td>";
                        html_body += "<td>" + value.cid + "</td>";
                        html_body += "<td>" + value.user_role + "</td>";
                        html_body += "<td>" + value.agencytype_info.agency_type + "</td>";
                        
                        if(value.agency_id != null){
                        html_body += "<td>" + value.agency_info.agency_name + "</td>";
                        }
                        if(value.dept_dzo_id != null){
                            html_body += "<td>" + value.department_info.dept_dzo_name + "</td>";
                        }
                        else
                        {
                            html_body += "<td></td>";  
                        }
                        if(value.division_id != null){
                            html_body += "<td>" + value.division_info.division_name + "</td>";
                        }
                        else
                        {
                            html_body += "<td></td>";  
                        }
                        if (value.fieldregional_id != null){
                            html_body += "<td>" + value.field_info.fieldregional_name + "</td>";
                        }
                        else
                        {
                            html_body += "<td></td>";  
                        }
                        
                        html_body += "</tr>";
                    });
                    $('#user-never').html(html_body);

                }


                if (response.datau) {
                    var html_body = "";

                    $.each(response.datau, function(key, value) {
                        html_body += "<tr>";
                        html_body += "<td>" + (key + 1) + "</td>";
                        html_body += "<td>" + value.name + "</td>";
                        html_body += "<td>" + value.cid + "</td>";
                        html_body += "<td>" + value.user_role + "</td>";
                        html_body += "<td>" + value.agencytype_info.agency_type + "</td>";
                        html_body += "<td>" + value.agency_info.agency_name + "</td>";
                        if(value.dept_dzo_id != null){
                            html_body += "<td>" + value.department_info.dept_dzo_name + "</td>";
                        }
                        else
                        {
                            html_body += "<td></td>";  
                        }
                        if(value.division_id != null){
                            html_body += "<td>" + value.division_info.division_name + "</td>";
                        }
                        else
                        {
                            html_body += "<td></td>";  
                        }
                        if (value.fieldregional_id != null){
                            html_body += "<td>" + value.field_info.fieldregional_name + "</td>";
                        }
                        else
                        {
                            html_body += "<td></td>";  
                        }

                        html_body += "</tr>";
                    });
                    $('#user-more').html(html_body);

                }




            }
        });
    });
</script>
@endsection
@section('content')

<div class="page-content fade-in-up">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div class="ibox-head">
                    <div class="ibox-title">User Status Report</div>
                </div>
                {{ Form::open(['url'=>route('data-entry-staticial-report1'), 'class'=>'form', 'method'=>'get']) }}
                <div class="ibox-body">
                    <div class="row">
                        <div class="col-3"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Report Type: </label>
                                <div class="col-sm-8">
                                    {{ Form::select('utype', ['never'=>'Never Logged In','onemonth'=>'Within One Month'], 'never',['class'=>'form-control form-control-sm','id'=>'utype','required'=>true ] ) }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-6"></div>
                        <div class="col-6">
                            <div class="form-group row">
                                <button class="btn button" id="fetch_detail_btn" type="button">
                                    <i class="fab fa-searchengin"></i> Search
                                </button>
                            </div>
                           
                        </div>
                    </div>
                    
                    <hr>

                    <h5>Never Logged in GIMS after creation of users credential.</h5>
                    <table class="table table-hover table-bordered">
                        <thead class="thead-light">
                            <th>Sl.No.</th>
                            <th>Name</th>
                            <th>User ID</th>
                            <th>Role</th>
                            <th>Agency Type</th>
                            <th>Agency Name</th>
                            <th>Department</th>
                            <th>Division</th>
                            <th>Feild / Regional</th>

                        </thead>
                        <tbody id="user-never">

                        </tbody>
                    </table>

                    <h5>In active for more than a month.</h5>

                    <table class="table table-hover table-bordered">
                        <thead class="thead-light">
                        <th>Sl.No.</th>
                            <th>Name</th>
                            <th>User ID</th>
                            <th>Role</th>
                            <th>Agency Type</th>
                            <th>Agency Name</th>
                            <th>Department</th>
                            <th>Division</th>
                            <th>Feild / Regional</th>
                        </thead>
                        <tbody id="user-more">

                        </tbody>
                    </table>




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

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

<!-- End Tabs -->



@endsection