@extends('layouts.master')

@section('title', __('Profile Visibility Setting'))

@section("content")
    <section class="profile_visibility_setting">
        <div class="row">
            <form action="{{ route('member.setting.updateProfileVisibilitySetting') }}" method="post" id="detailVisibilitySettingForm" onkeydown="return event.key != 'Enter';">
                <div class="row">
                    <div class="col-6 col-sm-6 pb-3">
                        <div class="card h-100">
                            <div class="card-header">
                                <div class="d-flex justify-content-between align-items-center pt-2">
                                    <h4 class="box-title m-0 p-0">{{ __('Personal Details') }}</h4>
                                </div>
                            </div>
                            <div class="card-body">
                                <table class="table table-borderless mb-0">
                                    <tbody>
                                        @php
                                            $personalfields = [
                                                'first_name' => 'First Name',
                                                'last_name' => 'Last Name',
                                                'company_name' => 'Company Name',
                                                'email' => 'Email',
                                                'dob' => 'Date Of Birth',
                                                'language' => 'Language',
                                                'gender' => 'Gender',
                                                'phone_no' => 'Phone No',
                                            ];
                                        @endphp
                                        @foreach ($personalfields as $fieldKey => $label)
                                            <tr class="border-bottom">
                                                <td><h6 class="fw-bold mt-2">{{ $label }}</h6></td>
                                                <td class="pt-2">
                                                    <div class="form-group mt-2 me-4">
                                                        <label for="{{ $fieldKey }}" class="form-label z-50 form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10 custom-label">{{__('Visibility Access')}}</label>
                                                        <select id="{{ $fieldKey }}" name="{{ $fieldKey }}" class="form-select rounded-lg block py-2.5 px-2.5 w-full text-sm text-gray-800 bg-transparent border-2 border-gray-300 appearance-none dark:text-gray-400 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer h-11 visibility_access">
                                                            <option value="only_me" {{ ($settings[$fieldKey] ?? '') == 'only_me' ? 'selected' : '' }}>{{ __('Only Me')}}</option>
                                                            <option value="my_sponsor" {{ ($settings[$fieldKey] ?? '') == 'my_sponsor' ? 'selected' : '' }}>{{ __('My Sponsor')}}</option>
                                                            <option value="my_upline" {{ ($settings[$fieldKey] ?? '') == 'my_upline' ? 'selected' : '' }}>{{ __('My Upline')}}</option>
                                                        </select>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    <div class="col-6 col-sm-6 pb-3">
                        <div class="card h-100">
                            <div class="card-header">
                                <div class="d-flex justify-content-between align-items-center pt-2">
                                    <h4 class="box-title m-0 p-0">{{ __('Address Details') }}</h4>
                                </div>
                            </div>
                            <div class="card-body">
                                <table class="table table-borderless mb-0">
                                    <tbody>
                                        @php
                                            $addressfields = [
                                                'address1' => 'House Number And Street',
                                                'address2' => 'Address Line 2',
                                                'country' => 'Country',
                                                'state' => 'Region / State / Province',
                                                'city' => 'City',
                                                'postcode' => 'Postcode / ZIP Code',
                                            ];
                                        @endphp
                                        @foreach ($addressfields as $fieldKey => $label)
                                            <tr class="border-bottom">
                                                    <td><h6 class="fw-bold mt-2">{{ $label }}</h6></td>
                                                    <td class="pt-2">
                                                        <div class="form-group mt-2 me-4">
                                                            <label for="{{ $fieldKey }}" class="form-label z-50 form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10 custom-label">{{__('Visibility Access')}}</label>
                                                            <select id="{{ $fieldKey }}" name="{{ $fieldKey }}" class="form-select rounded-lg block py-2.5 px-2.5 w-full text-sm text-gray-800 bg-transparent border-2 border-gray-300 appearance-none dark:text-gray-400 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer h-11 visibility_access">
                                                                <option value="only_me" {{ ($settings[$fieldKey] ?? '') == 'only_me' ? 'selected' : '' }}>{{ __('Only Me')}}</option>
                                                                <option value="my_sponsor" {{ ($settings[$fieldKey] ?? '') == 'my_sponsor' ? 'selected' : '' }}>{{ __('My Sponsor')}}</option>
                                                                <option value="my_upline" {{ ($settings[$fieldKey] ?? '') == 'my_upline' ? 'selected' : '' }}>{{ __('My Upline')}}</option>
                                                            </select>
                                                        </div>
                                                    </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-sm-12 col-lg-12 col-md-12 pb-3">
                    <div class="card h-100">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center pt-2">
                                <h4 class="box-title m-0 p-0">{{ __('Statics Overview') }}</h4>
                            </div>
                        </div>
                        <div class="card-body">
                            <table class="table table-borderless mb-0">
                                <tbody>
                                    @php
                                        $otherfields = [
                                            'total_deposit' => 'Total Deposit',
                                            'total_withdrawal' => 'Total Withdrawal',
                                            'total_purchase' => 'Total Purchase',
                                            'total_gift_code' => 'Total Gift Codes',
                                            'redeem_gift_code' => 'Redeemed Gift Codes',
                                            'bussiness_license' => 'BL Expired At',
                                        ];
                                        $otherFieldChunks = array_chunk($otherfields, 2, true);
                                    @endphp
                                    @foreach ($otherFieldChunks as $chunk)
                                        <tr class="border-bottom">
                                            @foreach ($chunk as $fieldKey => $label)
                                                <td><h6 class="fw-bold mt-2">{{ $label }}</h6></td>
                                                <td class="pt-2">
                                                    <div class="form-group mt-2 me-4">
                                                        <label for="{{ $fieldKey }}" class="form-label z-50 form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10 custom-label">{{__('Visibility Access')}}</label>
                                                        <select id="{{ $fieldKey }}" name="{{ $fieldKey }}" class="form-select rounded-lg block py-2.5 px-2.5 w-full text-sm text-gray-800 bg-transparent border-2 border-gray-300 appearance-none dark:text-gray-400 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer h-11 visibility_access">
                                                            <option value="only_me" {{ ($settings[$fieldKey] ?? '') == 'only_me' ? 'selected' : '' }}>{{ __('Only Me')}}</option>
                                                            <option value="my_sponsor" {{ ($settings[$fieldKey] ?? '') == 'my_sponsor' ? 'selected' : '' }}>{{ __('My Sponsor')}}</option>
                                                            <option value="my_upline" {{ ($settings[$fieldKey] ?? '') == 'my_upline' ? 'selected' : '' }}>{{ __('My Upline')}}</option>
                                                        </select>
                                                    </div>
                                                </td>
                                            @endforeach
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-sm-12 col-lg-12 col-md-12 pb-3">
                    <div class="card h-100">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center pt-2">
                                <h4 class="box-title m-0 p-0">{{ __('Statics Details') }}</h4>
                            </div>
                        </div>
                        <div class="card-body">
                            <table class="table table-borderless mb-0">
                                <tbody>
                                    @php
                                        $staticfields = [
                                            'total_member' => 'Total Members',
                                            'active_member' => 'Active Members',
                                            'total_bv' => 'Total BV',
                                            'total_sales_volume' => 'Total Sales Volume',
                                            'tsv' => 'TSV Of All Other Legs',
                                            'last_week_commission' => 'Last Week Commission',

                                        ];
                                        $staticFieldChunks = array_chunk($staticfields, 2, true);
                                    @endphp
                                    @foreach ($staticFieldChunks as $chunk)
                                        <tr class="border-bottom">
                                            @foreach ($chunk as $fieldKey => $label)
                                                <td><h6 class="fw-bold mt-2">{{ $label }}</h6></td>
                                                <td class="pt-2">
                                                    <div class="form-group mt-2 me-4">
                                                        <label for="{{ $fieldKey }}" class="form-label z-50 form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10 custom-label">{{__('Visibility Access')}}</label>
                                                        <select id="{{ $fieldKey }}" name="{{ $fieldKey }}" class="form-select rounded-lg block py-2.5 px-2.5 w-full text-sm text-gray-800 bg-transparent border-2 border-gray-300 appearance-none dark:text-gray-400 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer h-11 visibility_access">
                                                            <option value="only_me" {{ ($settings[$fieldKey] ?? '') == 'only_me' ? 'selected' : '' }}>{{ __('Only Me')}}</option>
                                                            <option value="my_sponsor" {{ ($settings[$fieldKey] ?? '') == 'my_sponsor' ? 'selected' : '' }}>{{ __('My Sponsor')}}</option>
                                                            <option value="my_upline" {{ ($settings[$fieldKey] ?? '') == 'my_upline' ? 'selected' : '' }}>{{ __('My Upline')}}</option>
                                                        </select>
                                                    </div>
                                                </td>
                                            @endforeach
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-sm-12 col-lg-12 col-md-12 pb-3">
                    <div class="card h-100">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center pt-2">
                                <h4 class="box-title m-0 p-0">{{ __('Career Details') }}</h4>
                            </div>
                        </div>
                        <div class="card-body py-0">
                            <table class="table table-borderless mb-0">
                                <tbody>
                                    @php
                                        $careerfields = [
                                            'current_rank' => 'Current Rank',
                                            'customer_level' => 'Customer Level',
                                            'uni_level' => 'Uni-level Status',
                                            'placement_sponsor' => 'Your Placement Sponsor',
                                        ];
                                        $careerFieldChunks = array_chunk($careerfields, 2, true);
                                    @endphp
                                    @foreach ($careerFieldChunks as $chunk)
                                        <tr class="border-bottom">
                                            @foreach ($chunk as $fieldKey => $label)
                                                <td><h6 class="fw-bold mt-2">{{ $label }}</h6></td>
                                                <td class="pt-2">
                                                    <div class="form-group mt-2 me-4">
                                                        <label for="{{ $fieldKey }}" class="form-label z-50 form-label ml-2 p-2 py-0 peer-focus:font-medium absolute left-0 text-sm text-gray-600 duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-indigo-400 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 bg-white peer-focus:z-10 custom-label">{{__('Visibility Access')}}</label>
                                                        <select id="{{ $fieldKey }}" name="{{ $fieldKey }}" class="form-select rounded-lg block py-2.5 px-2.5 w-full text-sm text-gray-800 bg-transparent border-2 border-gray-300 appearance-none dark:text-gray-400 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer h-11 visibility_access">
                                                            <option value="only_me" {{ ($settings[$fieldKey] ?? '') == 'only_me' ? 'selected' : '' }}>{{ __('Only Me')}}</option>
                                                            <option value="my_sponsor" {{ ($settings[$fieldKey] ?? '') == 'my_sponsor' ? 'selected' : '' }}>{{ __('My Sponsor')}}</option>
                                                            <option value="my_upline" {{ ($settings[$fieldKey] ?? '') == 'my_upline' ? 'selected' : '' }}>{{ __('My Upline')}}</option>
                                                        </select>
                                                    </div>
                                                </td>
                                            @endforeach
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

            </form>
        </div>
    </section>
@endsection

@push('scripts')
    <script src="{{asset('frontend/js/page-js/profile-visibility-setting.js')}}"></script>
@endpush