@extends('layouts.page')

@section('title', 'Users')

@section('content')
    <div class="content-wrapper">
        <div class="content-header ">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">All Employees</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                            <li class="breadcrumb-item active">All Employees</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                @include('layouts.error')
                                <div class="row mb-3">
                                    {{-- <div class="col-lg-2 col-md-6">
                                        <div class="form-group mb-0">
                                            <label class="col-sm-12 control-label">SM<b style="color: red;">*</b></label>
                                            <div class="col-sm-12">
                                                <select class="form-control" name="sm" id="sm" onchange="$('#frm_search_users').submit();">
                                                    <option value=""> Select SM </option>
                                                    @foreach($list_sm as $row)
                                                    <option value="{{$row->pos_code}}" {{($row->pos_code==@$sm)?'selected':''}}>{{$row->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-2 col-md-6">
                                        <div class="form-group mb-0">
                                            <label class="col-sm-12 control-label">RBM<b style="color: red;">*</b></label>
                                            <div class="col-sm-12">
                                                <select class="form-control" name="userCodeId" required="">
                                                    <option value=""> Select RBM </option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-2 col-md-6">
                                        <div class="form-group mb-0">
                                            <label class="col-sm-12 control-label">ABM<b style="color: red;">*</b></label>
                                            <div class="col-sm-12">
                                                <select class="form-control" name="userCodeId" required="">
                                                    <option value=""> Select ABM </option>
                                                </select>
                                            </div>
                                        </div>
                                    </div> --}}

                                    {{-- <div class="col-lg-auto col-md-auto mt-auto my-1 ">
                                        <button class="btn btn-success">Export <i class="fa fa-download ml-2"></i></button>
                                    </div> --}}
                                    <div class="col-lg-auto col-md-auto mt-auto my-1 ">
                                        <button class="btn btn-danger js-usr-import">Import Employees <i class="fa fa-upload ml-2"></i></button>
                                    </div>
                                </div>
                                <div class="col-md-12 mt-1 card py-2 table-main-wrap">
                                    <table id="datatable" class="table  table-striped">
                                        <thead>
                                            <tr>
                                                <th>No</th>
                                                <th>User Info</th>
                                                <th>Pos Info.</th>
                                                <th>HQ Info.</th>
                                                <th>Completed Doctors</th>
                                                <th>Current Month DPM</th>
                                                <th> Status</th>
                                                <th class="text-center"> Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if(!$result->isEmpty())
                                                @php
                                                    $i = $result->firstItem() - 1;
                                                @endphp
                                                @foreach ($result as $row)
                                                    @php
                                                        $tot_docs = 0;
                                                        $tot_dpm_fill = 0;
                                                        $tot_docs_comp = 0;
                                                        $doctor_ids = array();
                                                        if($row->user_type == "1"){
                                                            foreach(@$row->ChildUser as $rbm_row){
                                                                foreach(@$rbm_row->ChildUser as $abm_row){
                                                                    foreach(@$abm_row->ChildUser as $be_row){
                                                                        $tot_docs += count($be_row->Doctors);
                                                                        foreach(@$be_row->Doctors as $value){
                                                                            if($value->doctor_status == '2'){
                                                                                $tot_docs_comp++;
                                                                            }
                                                                            if($value->dpm->where('dpm_month','=',CommonFunction::get_month(date('M')))->count() > 0) {
                                                                                $tot_dpm_fill++;
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                        else if($row->user_type == "2"){
                                                            foreach($row->ChildUser as $abm_row){
                                                                foreach($abm_row->ChildUser as $be_row){
                                                                    $tot_docs += count($be_row->Doctors);
                                                                    foreach($be_row->Doctors as $value){
                                                                        if($value->doctor_status=='2'){
                                                                            $tot_docs_comp++;
                                                                        }
                                                                        if($value->dpm->where('dpm_month',CommonFunction::get_month(date('M')))->count() > 0){
                                                                            $tot_dpm_fill++;
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                        else if($row->user_type == "3"){
                                                            foreach($row->ChildUser as $be_row){
                                                                $tot_docs += count($be_row->Doctors);
                                                                foreach($be_row->Doctors as $value){
                                                                    if($value->doctor_status=='2'){
                                                                        $tot_docs_comp++;
                                                                    }
                                                                    if($value->dpm->where('dpm_month',CommonFunction::get_month(date('M')))->count() > 0){
                                                                        $tot_dpm_fill++;
                                                                    }
                                                                }
                                                            }
                                                        }
                                                        else if($row->user_type == "4"){
                                                            $tot_docs += count($row->Doctors);
                                                            foreach($row->Doctors as $value){
                                                                if($value->doctor_status=='2'){
                                                                    $tot_docs_comp++;
                                                                }
                                                                if($value->dpm->where('dpm_month',CommonFunction::get_month(date('M')))->count() > 0){
                                                                    $tot_dpm_fill++;
                                                                }
                                                            }
                                                        }

                                                        $dpm_avg = $tot_dpm_fill > 0 ? (($tot_docs * 100 ) / $tot_dpm_fill) : 0;

                                                        // FOR DOCTOR FILLED BASIC DETAIL
                                                        if($tot_docs_comp > 0){
                                                            //$pr_value = number_format(100/($tot_docs/$tot_pending_docs),0);
                                                            $pr_value = number_format((100  * $tot_docs_comp) / $tot_docs,0);
                                                        }else{
                                                            $pr_value = 0;
                                                        }

                                                        $status_class = '';
                                                        if($pr_value > config('custom_config.user_list_full_detail.green')){
                                                            $status_class = 'progress-bar-striped bg-success';
                                                        }else if($pr_value > config('custom_config.user_list_full_detail.blue')){
                                                            $status_class = 'progress-bar-striped bg-info';
                                                        }else if($pr_value > config('custom_config.user_list_full_detail.orange')){
                                                            $status_class = 'progress-bar-striped bg-warning';
                                                        }else {
                                                            $status_class = 'progress-bar-striped bg-danger';
                                                        }

                                                        if($tot_dpm_fill > 0){
                                                            $dpm_pr_value = number_format(100/($tot_docs/$tot_dpm_fill),0);
                                                        }else{
                                                            $dpm_pr_value = 0;
                                                        }

                                                        $dpm_status_class = '';
                                                        if($dpm_pr_value > config('custom_config.user_list_dpm.green')){
                                                            $dpm_status_class = 'progress-bar-striped bg-success';
                                                        }
                                                        else if($dpm_pr_value > config('custom_config.user_list_dpm.blue')){
                                                            $dpm_status_class = 'progress-bar-striped bg-info';
                                                        }
                                                        else if($dpm_pr_value > config('custom_config.user_list_dpm.orange')){
                                                            $dpm_status_class = 'progress-bar-striped bg-warning';
                                                        }
                                                        else {
                                                            $dpm_status_class = 'progress-bar-striped bg-danger';
                                                        }
                                                    @endphp

                                                    <tr>
                                                        <td>{{ ++$i }}</td>
                                                        <td>
                                                            <p class="list-p"><b>Name: </b><br>{{ $row->user_name }}</p>
                                                            <p class="list-p"><b>User Type: </b><br>{{ config('custom.user_type')[$row->user_type] }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="list-p"><b>Pos Name: </b><br>{{ $row->user_pos_name }}</p>
                                                            <p class="list-p"><b>Pos Code: </b><br>{{ $row->user_pos_code }}</p>
                                                            <p class="list-p"><b>Desg: </b><br>{{ $row->user_desg }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="list-p"><b>HQ Code: </b><br>{{ $row->user_hq_code ? $row->user_hq_code :'-'  }}</p>
                                                            <p class="list-p"><b>HQ Name: </b><br>{{ $row->user_hq_name ? $row->user_hq_name : '-' }}</p>
                                                        </td>
                                                        <td width="150">
                                                            <div class="progress">
                                                                <div class="progress-bar {{$status_class}} px-2" role="progressbar" aria-valuenow="{{ $pr_value }}" aria-valuemin="0"
                                                                    aria-valuemax="100" style="width: {{$pr_value.'%'}};">{{ $tot_docs_comp }}/{{ $tot_docs }}&nbsp;({{ $pr_value }}%)
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td width="150">
                                                            <div class="progress">
                                                                <div class="progress-bar {{$dpm_status_class}} px-2" role="progressbar" aria-valuenow="{{ $dpm_pr_value }}" aria-valuemin="0" aria-valuemax="100" style="width: {{$dpm_pr_value.'%'}};">{{ $dpm_pr_value }}/{{ $tot_docs }}&nbsp;({{ $dpm_pr_value }}%)
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td width="150">
                                                            <a href="javascript:;" class="badge {{ $row->user_status == '2' ? 'badge-warning' : 'badge-success' }} js-status-change" data-id={{ $row->user_id }} }}>
                                                                {{ $row->user_status == "2" ? "Suspended" : "Active" }}
                                                            </a>
                                                        </td>
                                                        <td width="150" class="text-center">
                                                            <div class="d-flex justify-content-center">
                                                                @php
                                                                    $user_info = '';
                                                                    if($row->user_type == "1")
                                                                        $user_info = route('users').'?sm='.$row->user_id;
                                                                    else if($row->user_type == "2")
                                                                        $user_info = route('users').'?rbm='.$row->user_id;
                                                                    else if($row->user_type == "3")
                                                                        $user_info = route('users').'?abm='.$row->user_id;
                                                                @endphp
                                                                @if($user_info)
                                                                    <a href="{{ $user_info }}" class="icon mr-1" data-id="{{ $row->user_id }}">
                                                                        <i class="fa fa-users"></i>
                                                                    </a>
                                                                @endif
                                                                <a href="javascript:;" class="icon mr-1 js-edit-emp" data-id="{{ $row->user_id }}">
                                                                    <i class="fa fa-edit"></i>
                                                                </a>
                                                                <a href="javascript:;" class="icon js-info-emp" data-id="{{ $row->user_id }}">
                                                                    <i class="fa fa-eye"></i>
                                                                </a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @else
                                                <tr>
                                                    <td colspan="8">No Records Found.</td>
                                                </tr>
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </section>
    </div>

    <div class="modal fade" id="edit_emp">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content bg-light">
                <div class="modal-header">
                    <h4 class="modal-title">Edit Employee</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="load-wrap">
                    <div class="spinner-grow text-secondary" role="status">
                        <span class="sr-only">Loading...</span>
                    </div>
                </div>
                <div class="js-box-body" style="display: none;">
                    <form class="" action="javascript:;" id="frm-emp">
                        <div class="modal-body">
                            <div class="alert alert-danger" style="display:none;"></div>
                            <div class="box-body row justify-content-center">
                                <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">Pos Code<b style="color: red;">*</b></label>
                                    <div class="col-sm-12">
                                        <input type="text" name="user_pos_code" id="user_pos_code" class="form-control" value="" required="" readonly>
                                    </div>
                                </div>

                                <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">Pos Name<b style="color: red;">*</b></label>
                                    <div class="col-sm-12">
                                        <input type="text" name="user_pos_name" id="user_pos_name" class="form-control" value="" required="">
                                    </div>
                                </div>

                                <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">Name<b style="color: red;">*</b></label>
                                    <div class="col-sm-12">
                                        <input type="text" name="user_name" id="user_name" class="form-control" value="" required="">
                                    </div>
                                </div>

                                <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">Emp Code<b style="color: red;">*</b></label>
                                    <div class="col-sm-12">
                                        <input type="text" name="user_code" id="user_code" class="form-control" value="" required="">
                                    </div>
                                </div>

                                <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">Desg<b style="color: red;">*</b></label>
                                    <div class="col-sm-12">
                                        <input type="text" name="user_desg" id="user_desg" class="form-control" value="" required="">
                                    </div>
                                </div>

                                <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">DOB<b style="color: red;">*</b></label>
                                    <div class="col-sm-12">
                                        <div class="input-group date">
                                            <input type="date" value="" name="user_dob" id="user_dob" class="form-control" id="datepicker" placeholder="Select Start Date" required="">
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">Join Date<b style="color: red;">*</b></label>
                                    <div class="col-sm-12">
                                        <div class="input-group date">
                                            <input type="date" value="" name="user_join_date" id="user_join_date" class="form-control" id="datepicker1" placeholder="Select Start Date" required="">
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">Effective_Date<b style="color: red;">*</b></label>
                                    <div class="col-sm-12">
                                        <div class="input-group date">
                                            <input type="date" value="" name="user_effective_date" id="user_effective_date" class="form-control" id="datepicker2" placeholder="Select Start Date" required="">
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">CC Code<b style="color: red;">*</b></label>
                                    <div class="col-sm-12">
                                        <input type="text" name="user_cc_code" id="user_cc_code" class="form-control" value="" required="">
                                    </div>
                                </div>

                                <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">CC Name<b style="color: red;">*</b></label>
                                    <div class="col-sm-12">
                                        <input type="text" name="user_cc_name" id="user_cc_name" class="form-control" value="" required="">
                                    </div>
                                </div>

                                <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">HQ Code</label>
                                    <div class="col-sm-12">
                                        <input type="text" name="user_hq_code" id="user_hq_code" class="form-control" value="">
                                    </div>
                                </div>

                                <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">HQ Name</label>
                                    <div class="col-sm-12">
                                        <input type="text" name="user_hq_name" id="user_hq_name" class="form-control" value="">
                                    </div>
                                </div>

                                <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">Email Id</label>
                                    <div class="col-sm-12">
                                        <input type="email" name="user_email_id" id="user_email_id" class="form-control" value="">
                                    </div>
                                </div>

                                <div class="form-group col-lg-6 col-md-6">
                                    <label class="col-sm-12 control-label">Mobile No</label>
                                    <div class="col-sm-12">
                                        <input type="text" name="user_mobile_no" id="user_mobile_no" class="form-control" value="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="all-detail-modal">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content bg-light">
                <div class="modal-header">
                    <h4 class="modal-title">View Record</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="load-wrap">
                    <div class="spinner-grow text-secondary" role="status">
                        <span class="sr-only">Loading...</span>
                    </div>
                </div>
                <div class="modal-body js-box-body" style="display: none;">
                    <div class="form-group">
                        <label class="control-label mr-2"> Name : </label> <span class="js-user_name"></span><br>
                    </div>
                    <div class="form-group">
                        <label class="control-label mr-2">Emp Code : </label><span class="js-user_code"></span><br>
                    </div>
                    <div class="form-group">
                        <label class="control-label mr-2"> Pos Code : </label><span class="js-user_pos_code"></span><br>
                    </div>
                    <div class="form-group">
                        <label class="control-label mr-2"> Pos Name : </label><span class="js-user_pos_name"></span><br>
                    </div>
                    <div class="form-group">
                        <label class="control-label mr-2"> Type Name : </label><span class="js-user_type"></span><br>
                    </div>
                    <div class="form-group">
                        <label class="control-label mr-2"> HQ Code : </label><span class="js-user_hq_code"></span><br>
                    </div>
                    <div class="form-group">
                        <label class="control-label mr-2"> HQ Name : </label><span class="js-user_hq_name"></span><br>
                    </div>
                    <div class="form-group">
                        <label class="control-label mr-2"> Desg : </label><span class="js-user_desg"></span><br>
                    </div>
                    <div class="form-group">
                        <label class="control-label mr-2"> DOB : </label><span class="js-user_dob"></span><br>
                    </div>
                    <div class="form-group">
                        <label class="control-label mr-2"> Join Date : </label><span class="js-user_join_date"></span><br>
                    </div>
                    <div class="form-group">
                        <label class="control-label mr-2"> Effective Date : </label><span class="js-user_effective_date"></span><br>
                    </div>
                    <div class="form-group">
                        <label class="control-label mr-2"> Email Id : </label><span class="js-user_email_id"></span><br>
                    </div>
                    <div class="form-group">
                        <label class="control-label mr-2"> Mobile No. : </label><span class="js-user_mobile_no"></span>
                    </div>
                    <div class="form-group">
                        <label class="control-label mr-2"> Status : </label><span class="badge badge-warning js-user_status"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="import">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content bg-light">
                <div class="modal-header">
                    <h4 class="modal-title">Import Employee</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form enctype="multipart/form-data" action="javascript:;" id="frm-user-import">
                    <div class="modal-body">
                        <div class="alert alert-danger" style="display:none;"></div>
                        <div class="custom-file mt-2">
                            <input type="file" class="custom-file-input" id="import" name="import">
                            <label class="custom-file-label" for="import">Choose file</label>
                        </div>
                        <a href="{{ url('import/user.xlsx') }}" class=""> Download Sample <i class="fa fa-download ms-1"></i></a>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('custom-js')
    <script>
        $(document).ready(function(){
            $("#frm-emp").validate({
                rules: {
                    user_pos_code:{
                        required: true,
                    },
                    user_pos_name:{
                        required: true,
                    },
                    user_name:{
                        required: true,
                    },
                    user_code: {
                        required: true,
                    },
                    user_desg:{
                        required: true,
                    },
                    user_dob:{
                        required: true,
                    },
                    user_join_date: {
                        required: true,
                    },
                    user_effective_date: {
                        required: true,
                    },
                    user_cc_code: {
                        required: true,
                    },
                    user_cc_name: {
                        required: true,
                    },
                    user_hq_code: {
                        required: true,
                    },
                    user_hq_name: {
                        required: true,
                    },
                    user_email_id: {
                        required: true,
                    },
                    user_mobile_no: {
                        required: true,
                    }
                },
            });

            $("#frm-user-import").validate({
                rules: {
                    userImport:{
                        required: true,
                    },
                },
            });

            $(document).on('click','.js-edit-emp',function(){
                $('#edit_emp').find('.js-box-body').hide();
                $('#edit_emp').find('.load-wrap').show();
                $('#edit_emp').modal('show');
                $('#edit_emp').find('.alert').html('').hide();

                var id =  $(this).attr('data-id');
                $.ajax({
                    url: "{{ url('/users') }}/"+id,
                    method: 'GET',
                    data: {},
                    success: function(obj){
                        if(obj.code == 1){
                            $('#frm-emp').find('input[name="user_cc_code"]').val(obj.record.user_cc_code);
                            $('#frm-emp').find('input[name="user_cc_name"]').val(obj.record.user_cc_name);
                            $('#frm-emp').find('input[name="user_code"]').val(obj.record.user_code);
                            $('#frm-emp').find('input[name="user_desg"]').val(obj.record.user_desg);
                            $('#frm-emp').find('input[name="user_dob"]').val(obj.record.user_dob);
                            $('#frm-emp').find('input[name="user_effective_date"]').val(obj.record.user_effective_date);
                            $('#frm-emp').find('input[name="user_email_id"]').val(obj.record.user_email_id);
                            $('#frm-emp').find('input[name="user_hq_code"]').val(obj.record.user_hq_code);
                            $('#frm-emp').find('input[name="user_hq_name"]').val(obj.record.user_hq_name);
                            $('#frm-emp').find('input[name="user_id_code"]').val(obj.record.user_id_code);
                            $('#frm-emp').find('input[name="user_join_date"]').val(obj.record.user_join_date);
                            $('#frm-emp').find('input[name="user_mobile_no"]').val(obj.record.user_mobile_no);
                            $('#frm-emp').find('input[name="user_name"]').val(obj.record.user_name);
                            $('#frm-emp').find('input[name="user_pos_code"]').val(obj.record.user_pos_code);
                            $('#frm-emp').find('input[name="user_pos_name"]').val(obj.record.user_pos_name);

                            $('#frm-emp').attr('data-id',id);
                            $('#edit_emp').find('.load-wrap').hide();
                            $('#edit_emp').find('.js-box-body').show();
                        }
                    }
                });
            });

            $(document).on('click','.js-info-emp',function(){

                $('#all-detail-modal').find('.js-box-body').hide();
                $('#all-detail-modal').find('.load-wrap').show();
                $('#all-detail-modal').modal('show');

                var id =  $(this).attr('data-id');
                $.ajax({
                    url: "{{ url('/users') }}/"+id,
                    method: 'GET',
                    data: {},
                    success: function(obj){
                        if(obj.code == 1){
                            var temp  = $('#all-detail-modal');

                            temp.find('.js-user_cc_code').text(obj.record.user_cc_code ? obj.record.user_cc_code : '-');
                            temp.find('.js-user_cc_name').text(obj.record.user_cc_name ? obj.record.user_cc_name : '-');
                            temp.find('.js-user_code').text(obj.record.user_code ? obj.record.user_code : '-');
                            temp.find('.js-user_desg').text(obj.record.user_desg ? obj.record.user_desg : '-');
                            temp.find('.js-user_dob').text(obj.record.user_dob ? obj.record.user_dob : '-');
                            temp.find('.js-user_effective_date').text(obj.record.user_effective_date ? obj.record.user_effective_date : '-');
                            temp.find('.js-user_email_id').text(obj.record.user_email_id ? obj.record.user_email_id : '-');
                            temp.find('.js-user_hq_code').text(obj.record.user_hq_code ? obj.record.user_hq_code : '-');
                            temp.find('.js-user_hq_name').text(obj.record.user_hq_name ? obj.record.user_hq_name : '-');
                            temp.find('.js-user_id_code').text(obj.record.user_id_code ? obj.record.user_id_code : '-');
                            temp.find('.js-user_join_date').text(obj.record.user_join_date ? obj.record.user_join_date : '-');
                            temp.find('.js-user_mobile_no').text(obj.record.user_mobile_no ? obj.record.user_mobile_no : '-');
                            temp.find('.js-user_name').text(obj.record.user_name ? obj.record.user_name : '-');
                            temp.find('.js-user_pos_code').text(obj.record.user_pos_code ? obj.record.user_pos_code : '-');
                            temp.find('.js-user_pos_name').text(obj.record.user_pos_name ? obj.record.user_pos_name: '-');
                            temp.find('.js-user_status').text(obj.record.user_status == "2" ? 'Suspended' : 'Active')
                            if(obj.record.user_status == "2"){
                                temp.find('.js-user_status').removeClass('badge-success');
                                temp.find('.js-user_status').addClass('badge-warning');
                            }
                            else{
                                temp.find('.js-user_status').removeClass('badge-warning');
                                temp.find('.js-user_status').addClass('badge-success');
                            }
                            $('#all-detail-modal').find('.load-wrap').hide();
                            $('#all-detail-modal').find('.js-box-body').show();
                        }
                    }
                });
            });

            $(document).on('submit','#frm-emp',function(){
                var that = $(this);
                that.find('.alert').html('').hide();

                if(that.valid()){
                    that.find('button').text('Processing...');
                    that.find('button').prop("disabled",true);

                    var formData = new FormData(that[0]);
                    $.ajax({
                        url: "{{ url('/users/update') }}/"+that.attr('data-id'),
                        method: 'POST',
                        data: formData,
                        processData: false,
                        contentType: false,
                        cache: false,
                        success: function(obj){
                            that.find('button').text('Submit');
                            that.find('button').prop("disabled",false);
                            if(obj.code == 1){
                                window.location.reload();
                            }
                            else{
                                that.find('.alert').html(obj.message).show();
                            }
                        }
                    });
                }
            });

            $(document).on('click','.js-status-change',function(){
                var id =  $(this).attr('data-id');
                var that = $(this);
                $.ajax({
                    url: "{{ url('/users/status') }}/"+id,
                    method: 'POST',
                    data: {},
                    success: function(obj){
                        if(obj.status == "2"){
                            that.text("Suspended").removeClass('badge-success');
                            that.addClass('badge-warning');
                        }
                        else{
                            that.text("Active").removeClass('badge-warning');
                            that.addClass('badge-success');
                        }
                    }
                });
            });

            $(document).on('click','.js-usr-import',function(){
                $('#frm-user-import')[0].reset();
                $('#frm-user-import').find('.alert').html('').hide();
                $('#frm-user-import').find('button').text('Submit').prop("disabled",false);
                $('#frm-user-import').find('.custom-file-label').text('Choose file');
                $('#import').modal('show');
            });

            $(document).on('submit','#frm-user-import',function(){
                var that = $(this);
                that.find('.alert').html('').hide();

                if(that.valid()){
                    that.find('button').text('Processing...');
                    that.find('button').prop("disabled",true);

                    var formData = new FormData(that[0]);
                    $.ajax({
                        url: "{{ url('/users/import') }}",
                        method: 'POST',
                        data: formData,
                        processData: false,
                        contentType: false,
                        cache: false,
                        success: function(obj){
                            that.find('button').text('Submit');
                            that.find('button').prop("disabled",false);
                            if(obj.code == 1){
                                window.location.reload();
                            }
                            else{
                                that.find('.alert').html(obj.message).show();
                            }
                        },
                        error: function (request, status, error) {
                            that.find('button').text('Submit');
                            that.find('button').prop("disabled",false);

                            that.find('.alert').html('Something went wrong please try after some time').show();
                        }
                    });
                }
            });
        });
    </script>
@endsection