@extends('layouts.landing')

@section('title', 'Menu Page Settings')

@section('content')
<div class="row">
    <div class="col-12 col-xxl-4 col-xl-4 col-lg-4">
        @include('elements.settings-menu')
    </div>
    <div class="col-12 col-xxl-8 col-xl-8 col-lg-8">
        <div class="card w-100 border-0 p-0 bg-white shadow-xss rounded-xxl">
            <div class="card-body p-4">
                <h5>Menu Settings</h5>
                <div class="row">
                    <div class="col-12">
                        <form class="pb-4" action="{{route('account.page-menu-save', $user->id)}}" method="POST">
                            @csrf
                            <input type="hidden" name="user_id" value="{{$user->creatorId()}}">
                            <div class="">
                                <p class="font-xss text-gray-500">Customise and change your default menus</p>
                                <div class="mt-2 pt-2 mb-3">
                                    <div class="row">
                                        <div class="col-12 col-lg-6 col-xl-6">
                                            <div class="form-group">
                                                <div class="d-flex justify-content-between">
                                                    <label class="form-label mb-1">
                                                        Feeds
                                                    </label>
                                                    <div class="form-check form-switch">
                                                        <input type="hidden" name="feed_status" id="feed_status" value="{{@$tenant_setting->feed_status}}">
                                                        <input type="checkbox" name="feed_check" class="form-check-input" onclick="enableFeature('feed_status', 'feed_label', this)" {{@$tenant_setting->feed_status == 1 ? 'checked' : ''}}>
                                                        <label for="feed_status" id="feed_label" class="form-check-label">{{@$tenant_setting->feed_status == 1 ? 'On' : 'Off'}}</label>
                                                    </div>
                                                </div>
                                                <input type="text" name="feed" class="form-control" value="{{@$tenant_setting->feed}}" placeholder="Feeds">
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-6 col-xl-6">
                                            <div class="form-group">
                                                <div class="d-flex justify-content-between">
                                                    <label class="form-label mb-1">
                                                        Network
                                                    </label>
                                                    <div class="form-check form-switch">
                                                        <input type="hidden" name="network_status" id="network_status" value="{{@$tenant_setting->network_status}}">
                                                        <input type="checkbox" name="network_check" class="form-check-input" onclick="enableFeature('network_status', 'network_label', this)" {{@$tenant_setting->network_status == 1 ? 'checked' : ''}}>
                                                        <label for="network_status" id="network_label" class="form-check-label">{{@$tenant_setting->network_status == 1 ? 'On' : 'Off'}}</label>
                                                    </div>
                                                </div>
                                                <input type="text" name="network" class="form-control" value="{{@$tenant_setting->network}}" placeholder="Network">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-lg-6 col-xl-6">
                                            <div class="form-group">
                                                <div class="d-flex justify-content-between">
                                                    <label class="form-label mb-1">
                                                        Profile
                                                    </label>
                                                    <div class="form-check form-switch">
                                                        <input type="hidden" name="profile_status" id="profile_status" value="{{@$tenant_setting->profile_status}}">
                                                        <input type="checkbox" name="profile_check" class="form-check-input" onclick="enableFeature('profile_status', 'profile_label', this)" {{@$tenant_setting->profile_status == 1 ? 'checked' : ''}}>
                                                        <label for="profile_status" id="profile_label" class="form-check-label">{{@$tenant_setting->profile_status == 1 ? 'On' : 'Off'}}</label>
                                                    </div>
                                                </div>
                                                <input type="text" name="profile" class="form-control" value="{{@$tenant_setting->profile}}" placeholder="My Profile">
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-6 col-xl-6">
                                            <div class="form-group">
                                                <div class="d-flex justify-content-between">
                                                    <label class="form-label mb-1">
                                                        Chat
                                                    </label>
                                                    <div class="form-check form-switch">
                                                        <input type="hidden" name="chat_status" id="chat_status" value="{{@$tenant_setting->chat_status}}">
                                                        <input type="checkbox" name="chat_check" class="form-check-input" onclick="enableFeature('chat_status', 'chat_label', this)" {{@$tenant_setting->chat_status == 1 ? 'checked' : ''}}>
                                                        <label for="chat_status" id="chat_label" class="form-check-label">{{@$tenant_setting->chat_status == 1 ? 'On' : 'Off'}}</label>
                                                    </div>
                                                </div>
                                                <input type="text" name="chat" class="form-control" value="{{@$tenant_setting->chat}}" placeholder="Chats">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-lg-6 col-xl-6">
                                            <div class="form-group">
                                                <div class="d-flex justify-content-between">
                                                    <label class="form-label mb-1">
                                                        Mentorship
                                                    </label>
                                                    <div class="form-check form-switch">
                                                        <input type="hidden" name="mentorship_status" id="mentorship_status" value="{{@$tenant_setting->mentorship_status}}">
                                                        <input type="checkbox" name="mentorship_check" class="form-check-input" onclick="enableFeature('mentorship_status', 'mentorship_label', this)" {{@$tenant_setting->mentorship_status == 1 ? 'checked' : ''}}>
                                                        <label for="mentorship_status" id="mentorship_label" class="form-check-label">{{@$tenant_setting->mentorship_status == 1 ? 'On' : 'Off'}}</label>
                                                    </div>
                                                </div>
                                                <input type="text" name="mentorship" class="form-control" value="{{@$tenant_setting->mentorship}}" placeholder="Mentorship">
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-6 col-xl-6">
                                            <div class="form-group">
                                                <div class="d-flex justify-content-between">
                                                    <label class="form-label mb-1">
                                                        Forum
                                                    </label>
                                                    <div class="form-check form-switch">
                                                        <input type="hidden" name="forum_status" id="forum_status" value="{{@$tenant_setting->forum_status}}">
                                                        <input type="checkbox" name="forum_check" class="form-check-input" onclick="enableFeature('forum_status', 'forum_label', this)" {{@$tenant_setting->forum_status == 1 ? 'checked' : ''}}>
                                                        <label for="forum_status" id="forum_label" class="form-check-label">{{@$tenant_setting->forum_status == 1 ? 'On' : 'Off'}}</label>
                                                    </div>
                                                </div>
                                                <input type="text" name="forum" class="form-control" value="{{@$tenant_setting->forum}}" placeholder="Forum">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-lg-6 col-xl-6">
                                            <div class="form-group">
                                                <div class="d-flex justify-content-between">
                                                    <label class="form-label mb-1">
                                                        Elearning
                                                    </label>
                                                    <div class="form-check form-switch">
                                                        <input type="hidden" name="elearning_status" id="elearning_status" value="{{@$tenant_setting->elearning_status}}">
                                                        <input type="checkbox" name="elearning_check" class="form-check-input" onclick="enableFeature('elearning_status', 'elearning_label', this)" {{@$tenant_setting->elearning_status == 1 ? 'checked' : ''}}>
                                                        <label for="elearning_status" id="elearning_label" class="form-check-label">{{@$tenant_setting->elearning_status == 1 ? 'On' : 'Off'}}</label>
                                                    </div>
                                                </div>
                                                <input type="text" name="elearning" class="form-control" value="{{@$tenant_setting->elearning}}" placeholder="Mentorship">
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-6 col-xl-6">
                                            <div class="form-group">
                                                <div class="d-flex justify-content-between">
                                                    <label class="form-label mb-1">
                                                        Announcement
                                                    </label>
                                                    <div class="form-check form-switch">
                                                        <input type="hidden" name="announcement_status" id="announcement_status" value="{{@$tenant_setting->announcement_status}}">
                                                        <input type="checkbox" name="announcement_check" class="form-check-input" onclick="enableFeature('announcement_status', 'announcement_label', this)" {{@$tenant_setting->announcement_status == 1 ? 'checked' : ''}}>
                                                        <label for="announcement_status" id="announcement_label" class="form-check-label">{{@$tenant_setting->announcement_status == 1 ? 'On' : 'Off'}}</label>
                                                    </div>
                                                </div>
                                                <input type="text" name="announcement" class="form-control" value="{{@$tenant_setting->announcement}}" placeholder="Announcement">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-lg-6 col-xl-6">
                                            <div class="form-group">
                                                <div class="d-flex justify-content-between">
                                                    <label class="form-label mb-1">
                                                        Donation
                                                    </label>
                                                    <div class="form-check form-switch">
                                                        <input type="hidden" name="donation_status" id="donation_status" value="{{@$tenant_setting->donation_status}}">
                                                        <input type="checkbox" name="donation_check" class="form-check-input" onclick="enableFeature('donation_status', 'donation_label', this)" {{@$tenant_setting->donation_status == 1 ? 'checked' : ''}}>
                                                        <label for="donation_status" id="donation_label" class="form-check-label">{{@$tenant_setting->donation_status == 1 ? 'On' : 'Off'}}</label>
                                                    </div>
                                                </div>
                                                <input type="text" name="donation" class="form-control" value="{{@$tenant_setting->donation}}" placeholder="Donation">
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-6 col-xl-6">
                                            <div class="form-group">
                                                <div class="d-flex justify-content-between">
                                                    <label class="form-label mb-1">
                                                        Referral
                                                    </label>
                                                    <div class="form-check form-switch">
                                                        <input type="hidden" name="referral_status" id="referral_status" value="{{@$tenant_setting->referral_status}}">
                                                        <input type="checkbox" name="referral_check" class="form-check-input" onclick="enableFeature('referral_status', 'referral_label', this)" {{@$tenant_setting->referral_status == 1 ? 'checked' : ''}}>
                                                        <label for="referral_status" id="referral_label" class="form-check-label">{{@$tenant_setting->referral_status == 1 ? 'On' : 'Off'}}</label>
                                                    </div>
                                                </div>
                                                <input type="text" name="referral" class="form-control" value="{{@$tenant_setting->referral}}" placeholder="Referral">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-lg-6 col-xl-6">
                                            <div class="form-group">
                                                <div class="d-flex justify-content-between">
                                                    <label class="form-label mb-1">
                                                        Subscription
                                                    </label>
                                                    <div class="form-check form-switch">
                                                        <input type="hidden" name="subscription_status" id="subscription_status" value="{{@$tenant_setting->subscription_status}}">
                                                        <input type="checkbox" name="subscription_check" class="form-check-input" onclick="enableFeature('subscription_status', 'subscription_label', this)" {{@$tenant_setting->subscription_status == 1 ? 'checked' : ''}}>
                                                        <label for="subscription_status" id="subscription_label" class="form-check-label">{{@$tenant_setting->subscription_status == 1 ? 'On' : 'Off'}}</label>
                                                    </div>
                                                </div>
                                                <input type="text" name="subscription" class="form-control" value="{{@$tenant_setting->subscription}}" placeholder="Subscription">
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-6 col-xl-6">
                                            <div class="form-group">
                                                <div class="d-flex justify-content-between">
                                                    <label class="form-label mb-1">
                                                        Transaction
                                                    </label>
                                                    <div class="form-check form-switch">
                                                        <input type="hidden" name="transaction_status" id="transaction_status" value="{{@$tenant_setting->transaction_status}}">
                                                        <input type="checkbox" name="transaction_check" class="form-check-input" onclick="enableFeature('transaction_status', 'transaction_label', this)" {{@$tenant_setting->transaction_status == 1 ? 'checked' : ''}}>
                                                        <label for="transaction_status" id="transaction_label" class="form-check-label">{{@$tenant_setting->transaction_status == 1 ? 'On' : 'Off'}}</label>
                                                    </div>
                                                </div>
                                                <input type="text" name="transaction" class="form-control" value="{{@$tenant_setting->transaction}}" placeholder="Transaction">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-lg-6 col-xl-6">
                                            <div class="form-group">
                                                <div class="d-flex justify-content-between">
                                                    <label class="form-label mb-1">
                                                        Users
                                                    </label>
                                                    <div class="form-check form-switch">
                                                        <input type="hidden" name="users_status" id="users_status" value="{{@$tenant_setting->users_status}}">
                                                        <input type="checkbox" name="users_check" class="form-check-input" onclick="enableFeature('users_status', 'users_label', this)" {{@$tenant_setting->users_status == 1 ? 'checked' : ''}}>
                                                        <label for="users_status" id="users_label" class="form-check-label">{{@$tenant_setting->users_status == 1 ? 'On' : 'Off'}}</label>
                                                    </div>
                                                </div>
                                                <input type="text" name="users" class="form-control" value="{{@$tenant_setting->users}}" placeholder="Users">
                                            </div>
                                        </div>
                                        <div class="col-12 col-lg-6 col-xl-6">
                                            <div class="form-group">
                                                <div class="d-flex justify-content-between">
                                                    <label class="form-label mb-1">
                                                        Verify
                                                    </label>
                                                    <div class="form-check form-switch">
                                                        <input type="hidden" name="verify_status" id="verify_status" value="{{@$tenant_setting->verify_status}}">
                                                        <input type="checkbox" name="verify_check" class="form-check-input" onclick="enableFeature('verify_status', 'verify_label', this)" {{@$tenant_setting->verify_status == 1 ? 'checked' : ''}}>
                                                        <label for="verify_status" id="verify_label" class="form-check-label">{{@$tenant_setting->verify_status == 1 ? 'On' : 'Off'}}</label>
                                                    </div>
                                                </div>
                                                <input type="text" name="verify_ctb" class="form-control" value="{{@$tenant_setting->verify_ctb}}" placeholder="Verify CTB">
                                            </div>
                                        </div>
                                    </div>
                                    @if(Auth::user()->isSuperAdmin())
                                        <div class="row">
                                            <div class="col-12 col-lg-6 col-xl-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1">
                                                            Goal
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="goal_status" id="goal_status" value="{{@$tenant_setting->goal_status}}">
                                                            <input type="checkbox" name="goal_check" class="form-check-input" onclick="enableFeature('goal_status', 'goal_label', this)" {{@$tenant_setting->goal_status == 1 ? 'checked' : ''}}>
                                                            <label for="goal_status" id="goal_label" class="form-check-label">{{@$tenant_setting->goal_status == 1 ? 'On' : 'Off'}}</label>
                                                        </div>
                                                    </div>
                                                    <input type="text" name="goal" class="form-control" value="{{@$tenant_setting->goal}}" placeholder="Goal">
                                                </div>
                                            </div>
                                            <div class="col-12 col-lg-6 col-xl-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1">
                                                            Build Visibility
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="visibility_status" id="visibility_status" value="{{@$tenant_setting->visibility_status}}">
                                                            <input type="checkbox" name="visibility_check" class="form-check-input" onclick="enableFeature('visibility_status', 'visibility_label', this)" {{@$tenant_setting->visibility_status == 1 ? 'checked' : ''}}>
                                                            <label for="visibility_status" id="visibility_label" class="form-check-label">{{@$tenant_setting->visibility_status == 1 ? 'On' : 'Off'}}</label>
                                                        </div>
                                                    </div>
                                                    <input type="text" name="build_visibility" class="form-control" value="{{@$tenant_setting->build_visibility}}" placeholder="Build Visibility">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-12 col-lg-6 col-xl-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1">
                                                            Resources
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="resource_status" id="resource_status" value="{{@$tenant_setting->resource_status}}">
                                                            <input type="checkbox" name="resource_check" class="form-check-input" onclick="enableFeature('resource_status', 'resource_label', this)" {{@$tenant_setting->resource_status == 1 ? 'checked' : ''}}>
                                                            <label for="resource_status" id="resource_label" class="form-check-label">{{@$tenant_setting->resource_status == 1 ? 'On' : 'Off'}}</label>
                                                        </div>
                                                    </div>
                                                    <input type="text" name="resource" class="form-control" value="{{@$tenant_setting->resource}}" placeholder="Resources">
                                                </div>
                                            </div>
                                            <div class="col-12 col-lg-6 col-xl-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1">
                                                            Savings
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="saving_status" id="saving_status" value="{{@$tenant_setting->saving_status}}">
                                                            <input type="checkbox" name="saving_check" class="form-check-input" onclick="enableFeature('saving_status', 'saving_label', this)" {{@$tenant_setting->saving_status == 1 ? 'checked' : ''}}>
                                                            <label for="saving_status" id="saving_label" class="form-check-label">{{@$tenant_setting->saving_status == 1 ? 'On' : 'Off'}}</label>
                                                        </div>
                                                    </div>
                                                    <input type="text" name="savings" class="form-control" value="{{@$tenant_setting->savings}}" placeholder="Savings">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-12 col-lg-6 col-xl-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1">
                                                            Withdrawals
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="withdrawal_status" id="withdrawal_status" value="{{@$tenant_setting->withdrawal_status}}">
                                                            <input type="checkbox" name="withdrawal_check" class="form-check-input" onclick="enableFeature('withdrawal_status', 'withdrawal_label', this)" {{@$tenant_setting->withdrawal_status == 1 ? 'checked' : ''}}>
                                                            <label for="withdrawal_status" id="withdrawal_label" class="form-check-label">{{@$tenant_setting->withdrawal_status == 1 ? 'On' : 'Off'}}</label>
                                                        </div>
                                                    </div>
                                                    <input type="text" name="withdrawal" class="form-control" value="{{@$tenant_setting->withdrawal}}" placeholder="Withdrawals">
                                                </div>
                                            </div>
                                            <div class="col-12 col-lg-6 col-xl-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1">
                                                            Investments
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="investment_status" id="investment_status" value="{{@$tenant_setting->investment_status}}">
                                                            <input type="checkbox" name="investment_check" class="form-check-input" onclick="enableFeature('investment_status', 'investment_label', this)" {{@$tenant_setting->investment_status == 1 ? 'checked' : ''}}>
                                                            <label for="investment_status" id="investment_label" class="form-check-label">{{@$tenant_setting->investment_status == 1 ? 'On' : 'Off'}}</label>
                                                        </div>
                                                    </div>
                                                    <input type="text" name="investment" class="form-control" value="{{@$tenant_setting->investment}}" placeholder="Investments">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1">
                                                            Polls
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="poll_status" id="poll_status" value="{{@$tenant_setting->poll_status}}">
                                                            <input type="checkbox" name="poll_check" class="form-check-input" onclick="enableFeature('poll_status', 'poll_label', this)" {{@$tenant_setting->poll_status == 1 ? 'checked' : ''}}>
                                                            <label for="poll_status" id="poll_label" class="form-check-label">{{@$tenant_setting->poll_status == 1 ? 'On' : 'Off'}}</label>
                                                        </div>
                                                    </div>
                                                    <input type="text" name="poll" class="form-control" value="{{@$tenant_setting->poll}}" placeholder="Polls">
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="form-group mt-4 text-end">
                                        <button type="submit" name="submit" onclick="this.classList.toggle('button--loading')" class="button_load btn custom-btn">
                                            <span class="button__text"><i class="mdi mdi-check"></i> Save changes</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>

function enableFeature(divId, label, event){
    if(event.checked == true){
        $("#"+ divId).val(1);
        $("#"+ label).html('On');
    }else{
        $("#"+ divId).val(0);
        $("#"+ label).html('Off');
    }
}

</script>
@endsection