@extends('layouts.admin')
@section('title','General Member')
@section('page_title','')

@section('page_level_css')
<link href="{{asset('assets/vendors/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
@endsection

@section('content')
<div class="kt-content kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor pt-2" id="kt_content">

    <!-- begin:: Content -->
    <div class="kt-container kt-container--fluid kt-grid__item kt-grid__item--fluid">

        <!-- begin:: Page -->
        <div class="kt-grid kt-grid--ver kt-grid--root ">
            <div class="top_main_title">
                <div class="labpair-title">
                    <p>
                        <span class="title">NEW GENERAL MEMBER APPLICATIONS</span>
                    </p>
                </div>
            </div>
        </div>
        <!-- end:: Page -->

        <div class="inner-main-section mt-3 pt-3">

            <div class="row">
                <div class="col-12">
                    <div class="example-preview">
                        <ul class="nav nav-pills mb-0 pl-md-5" id="myTab1" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link" href="{{getAURL('general-member')}}">
                                    <span class="nav-text">General Members</span>
                                </a>
                            </li>
                            <li class="nav-item ">
                                <a class="nav-link active disabled" href="javascript:void(0);">
                                    <span class="nav-text">Member Detail</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="{{getAURL('general-search')}}">
                                    <span class="nav-text">Member Search</span>
                                </a>
                            </li>
                        </ul>
                        <div class="tab-content" id="myTabContent1">
                            <div class="tab-pane fade show active" id="home-1" role="tabpanel" aria-labelledby="home-tab-1">
                                <div class="info-section">
                                    <p>
                                        <strong>EXPLANATION:</strong>
                                        Use this component to manage every general member across the enterprise. This includes viewing their portal activity, logins, posts, collaborations, etc. You also have the ability, when required, to suspend or purge a member from the system.
                                    </p>
                                </div>

                                <div class="some-custom-datatable">
                                    <div class="kt-portlet__body">
                                        <!--begin: Datatable -->
                                        <div class="member-title d-flex align-items-center justify-content-between">
                                            <h6>Member Detail</h6>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">x
                                            </button>
                                        </div>

                                        <div class="member-detail-row d-flex flex-wrap">
                                            <div class="member-box blue">
                                                <span>DSLL</span>
                                                <div class="numbers">
                                                    <h6>{{($data->last_login_days != null && $data->last_login_days != '') ? convertCommaValue($data->last_login_days) : '--'}}</h6>
                                                </div>
                                            </div>
                                            <div class="member-box blue">
                                                <span>LL</span>
                                                <div class="numbers">
                                                    <h6>{{($data->total_login != null && $data->total_login != '') ? convertCommaValue($data->total_login) : '--'}}</h6>
                                                </div>
                                            </div>
                                            <div class="member-box blue">
                                                <span>LTP</span>
                                                <div class="numbers">
                                                    <h6>{{($data->total_post != null && $data->total_post != '') ? convertCommaValue($data->total_post) : '--'}}</h6>
                                                </div>
                                            </div>
                                            <div class="member-box blue">
                                                <span>LC</span>
                                                <div class="numbers">
                                                    <h6>{{($data->total_collaboration != null && $data->total_collaboration != '') ? convertCommaValue($data->total_collaboration) : '--'}}</h6>
                                                </div>
                                            </div>

                                            <div class="member-box green">
                                                <span>Data Posts</span>
                                                <div class="numbers">
                                                    <h6>{{($data->data_post != null && $data->data_post != '') ? convertCommaValue($data->data_post) : '--'}}</h6>
                                                </div>
                                            </div>
                                            <div class="member-box green">
                                                <span>Sample Posts</span>
                                                <div class="numbers">
                                                    <h6>{{($data->sample_post != null && $data->sample_post != '') ? convertCommaValue($data->sample_post) : '--'}}</h6>
                                                </div>
                                            </div>
                                            <div class="member-box green">
                                                <span>Skill Posts</span>
                                                <div class="numbers">
                                                    <h6>{{($data->skill_post != null && $data->skill_post != '') ? convertCommaValue($data->skill_post) : '--'}}</h6>
                                                </div>
                                            </div>
                                            <div class="member-box-details">
                                                <span>Member Since: {{$data->member_since ?? ''}}</span>
                                                <span>Membership Days: {{($data->membership_day != null && $data->membership_day != '') ? convertCommaValue($data->membership_day) : ''}}</span>
                                                <span>Member Status: {{$data->status ?? ''}}</span>
                                            </div>
                                        </div>

                                        <div class="bg-custom active-inactive-button">
                                            <div class="kt-section__body member-box col-12 position-relative">

                                                <div class="header-top-onoff d-flex justify-content-end">
                                                    <label class="switch switch-left-right changedStatus">
                                                        <input type="hidden" value="{{$data->id}}" name="id" id="id">
                                                        <input class="switch-input" type="checkbox" id="status_checker" {{($data->status == 'Active') ? 'checked' : ''}}>
                                                        <span class="switch-label" data-on="Active" data-off="Inactive"></span>
                                                        <span class="switch-handle"></span>
                                                    </label>
                                                </div>

                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label">First Name:</label>
                                                    <div class="form-detail col-lg-9">
                                                        <span>{{$data->name ?? ''}}</span>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label">Middle Name:</label>
                                                    <div class="form-detail col-lg-9">
                                                        <span>{{$data->middle_name ?? ''}}</span>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label">Last Name:</label>
                                                    <div class="form-detail col-lg-9">
                                                        <span>{{$data->last_name ?? ''}}</span>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label">Email Address:</label>
                                                    <div class="form-detail col-lg-9">
                                                        <span>{{$data->email ?? ''}}</span>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label">Research Institution (US Only):</label>
                                                    <div class="form-detail col-lg-9">
                                                        <span>{{$data->research_name ?? ''}}</span>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label">Research Institution (City):</label>
                                                    <div class="form-detail col-lg-9">
                                                        <span>{{$data->re_city->name ?? ''}}</span>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label">Research Institution (State):</label>
                                                    <div class="form-detail col-lg-9">
                                                        <span>{{$data->re_state->name ?? ''}}</span>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label">Phone Number:</label>
                                                    <div class="form-detail col-lg-9">
                                                        <span>{{$data->phone ?? ''}}</span>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label">What is your position?</label>
                                                    <div class="form-detail col-lg-9">
                                                        <span>{{$data->position ?? ''}}</span>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label">Other</label>
                                                    <div class="form-detail col-lg-9">
                                                        <span>{{$data->other ?? '----'}}</span>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label light-grey">Principal Investigator</label>
                                                    <div class="form-detail col-lg-9 dark-grey">

                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label">Principal Investigator Full Name:</label>
                                                    <div class="form-detail col-lg-9">
                                                        <span>{{$data->investigator_name ?? ''}}</span>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label">Principal Investigator Email Address:</label>
                                                    <div class="form-detail col-lg-9">
                                                        <span>{{$data->investigator_email ?? ''}}</span>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label dark-red">Security</label>
                                                    <div class="form-detail col-lg-9 dark-black">
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label">Permanent Password:</label>
                                                    <div class="form-detail col-lg-9">
                                                        <span>{{decryptPassword($data->show_password ?? '')}}</span>
                                                        <span><button type="button" class="btn primary-btn view-btn ml-4" id="sendForgotPassword">Reset Password</button></span>
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label founder-green">LabPair Founder</label>
                                                    <div class="form-detail col-lg-9">
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-3 text-lg-right label">Is the user a Founding Member?</label>
                                                    <!-- <div class="col-lg-3 col-md-3 col-sm-12">
                                                        <input id="isFounderSwitch" name="isFounderSwitch" type="checkbox" value="Yes" {{$data->founder == 'Yes' ? 'checked' : ''}}>
                                                    </div> -->
                                                    <div class="col-lg-3 col-md-3 col-sm-12">
                                                        <div class="can-toggle">
                                                            <input id="isFounderSwitch" name="isFounderSwitch" type="checkbox" value="Yes" {{$data->founder == 'Yes' ? 'checked' : ''}}>
                                                            <label for="isFounderSwitch">
                                                                <div class="can-toggle__switch" data-checked="Yes" data-unchecked="No"></div>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row mt-2 mb-0">
                                                    <a href="{{getAURL('general-member')}}" class="btn btn-primary btn-wide btn-pill btn-custom mb-2">Close Record</a>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end: Datatable -->
                                        <div class="discription-details">
                                            <h6>Legend</h6>
                                            <span>DSLL - Days Since Last Login</span>
                                            <span>LL - Lifetime Logins</span>
                                            <span>LTP - Lifetime Posts</span>
                                            <span>LC - Lifetime Collaborations</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- end:: Content -->
    <!-- start:: Modal -->
    <div class="modal fade" id="founderStatusModal" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdrop" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered " role="document">
            <div class="modal-content">
                <div class="modal-header custom-blue-header">
                    <h5 class="modal-title">Change Founder Status</h5>
                    <button type="button" class="close founderStatusCancelButton" data-dismiss="modal" aria-label="Close">
                        <i aria-hidden="true" class="ki ki-close"></i>
                    </button>
                </div>
                <div class="modal-body pb-0">
                    <div class="text-left">
                        <p>Are you sure to want to change this member's founder status?</p>
                    </div>
                </div>
                <div class="modal-footer border-top-0 d-flex justify-content-center">
                    <input type="hidden" id="founderStatusValue" value="{{$data->founder == 'Yes' ? 'On' : 'Off'}}">
                    <button type="button" class="btn btn-custom font-weight-bold border-radius-8 disabled" data-dismiss="modal" id="founderStatusCancelButton">Cancel</button>
                    <button type="button" class="btn btn-custom font-weight-bold border-radius-8" data-dismiss="modal" id="founderStatusYesButton">Yes</button>
                </div>
            </div>
        </div>
    </div>
    <!-- end:: Modal -->
    <button type="button" class="showGeneralMemberModal" data-toggle="modal" data-target="#showGeneralMemberInformation" style="display: none;">Show General Member Details</button>
    <button type="button" class="showDeclineModal" data-toggle="modal" data-target="#showDeclineUserModal" style="display: none;">Show Decline Modal</button>
</div>

@endsection

@section('page_level_js')
<script src="{{asset('assets/js/admin/general-member.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/vendors/custom/datatables/datatables.bundle.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/js/demo1/pages/crud/datatables/basic/paginations.js')}}" type="text/javascript"></script>
@endsection

@push('footerscript')
<script>
    $('body').on('click', '#sendForgotPassword', function() {

        $.ajax({
            url: '{{getURL("forgot-password")}}',
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}',
            },
            data: {
                'email': "{{$data->email}}"
            },
            success: function(data) {
                $('.resetPasswordText').html(data.message);
                $("#resetSuccessModelButton").click();
            },
            error: function(errorThrown) {
                //
            }
        });
    });

    $(document).on('click', '#founderStatusCancelButton,.founderStatusCancelButton', function() {
        var isFounderSwitch = $('#founderStatusValue').val();
        $('#founderStatusValue').val(isFounderSwitch);

        if (isFounderSwitch == 'Off') {
            $('#isFounderSwitch').prop('checked', true);
        } else {
            $('#isFounderSwitch').prop('checked', false);
        }
    });
    $(document).on('click', '#founderStatusYesButton', function() {
        var isFounderSwitch = $('#founderStatusValue').val();
        $('#founderStatusValue').val(isFounderSwitch);

        $.ajax({
            url: "{{getAURL('ajax/update-founder-badge')}}",
            method: "POST",
            headers: {
                'X-CSRF-TOKEN': '{{csrf_token()}}'
            },
            data: {
                'id': "{{$data->id}}",
                'founder': isFounderSwitch,
            },
            success: function(data) {
                if (data.status == 1) {
                    showToastrSuccess(data.message, 'Update Founder');
                } else {
                    showToastrError(data.message, 'Update Founder');
                }
            },
            error: function(errorThrown) {
                showToastrError('Something went wrong, Please try again later.', 'Update Founder');
            }
        });

    });
    $(document).on('change', '#isFounderSwitch', function() {
        var isFounderSwitch = $('#isFounderSwitch:checked').val();
        isFounderSwitch = (isFounderSwitch == 'Yes') ? 'On' : 'Off';
        $('#founderStatusValue').val(isFounderSwitch);
        $('#founderStatusModal').modal('show');
        return;
    });
</script>
@endpush