@extends('layouts.main')
@section('title', 'Daily Task Setting')
@section('content')

@push('head')
<link rel="stylesheet" href="{{ asset('plugins/select2/dist/css/select2.min.css') }}">
<link rel="stylesheet" href="{{ asset('dist/css/switches.css') }}">

@endpush

<div class="container-fluid">
    <!-- Modern Page Header -->
    <div class="modern-page-header">
        <div class="row align-items-center">
            <div class="col-lg-8 ">
                <h5 class="text-white">
                    <div class="icon-wrapper">
                        <i class="ik ik-settings"></i>
                    </div>
                    {{ __('App Setting')}}
                </h5>
            </div>
            <div class="col-lg-4">
                <nav class="breadcrumb-modern" aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="{{url('dashboard')}}"><i class="ik ik-home"></i> Dashboard</a>
                        </li>
                        <li class="breadcrumb-item active">Settings</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>

    <!-- Message Area -->
    @include('include.message')

    <!-- Main Card -->
    <div class="modern-card">
        <!-- Tabs Navigation -->
        <ul class="nav modern-tabs" id="pills-tab" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" id="pills-task-tab" data-toggle="pill" href="#task" role="tab"
                    aria-controls="pills-task" aria-selected="true">
                    <i class="ik ik-check-square"></i> {{ __('Task Setting')}}
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="pills-feature-tab" data-toggle="pill" href="#feature" role="tab"
                    aria-controls="pills-feature" aria-selected="false">
                    <i class="ik ik-star"></i> {{ __('App Features On/Off')}}
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="pills-noti-tab" data-toggle="pill" href="#noti" role="tab"
                    aria-controls="pills-noti" aria-selected="false">
                    <i class="ik ik-bell"></i> {{ __('Notification Setting')}}
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="pills-security-tab" data-toggle="pill" href="#security" role="tab"
                    aria-controls="pills-security" aria-selected="false">
                    <i class="ik ik-shield"></i> {{ __('Security Setting')}}
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="pills-update-tab" data-toggle="pill" href="#update" role="tab"
                    aria-controls="pills-update" aria-selected="false">
                    <i class="ik ik-upload-cloud"></i> {{ __('Update Popup Setting')}}
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="pills-email-tab" data-toggle="pill" href="#email" role="tab"
                    aria-controls="pills-email" aria-selected="false">
                    <i class="ik ik-mail"></i> {{ __('Email Smtp')}}
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="pills-cn-tab" data-toggle="pill" href="#cn" role="tab"
                    aria-controls="pills-cn" aria-selected="false">
                    <i class="ik ik-globe"></i> {{ __('Block Country')}}
                </a>
            </li>
        </ul>

        <!-- Tab Content -->
        <div class="tab-content" id="pills-tabContent">
            
            <!-- Task Settings Tab -->
            <div class="tab-pane fade show active" id="task" role="tabpanel" aria-labelledby="pills-task-tab">
                <form class="forms-sample" method="POST" action="/setting/app-setting">
                    @csrf
                    
                    <!-- Game Settings Grid -->
                    <div class="grid-settings">
                        <!-- Spin Setting -->
                        <div class="setting-card">
                            <div class="section-header">
                                <div class="icon">🎡</div>
                                <h6>Spin Setting</h6>
                            </div>
                            <div class="modern-form-group">
                                <label class="modern-form-label">{{ __('Daily Spin Limit')}}</label>
                                <input type="number" class="modern-form-control" name="spin" value="{{env('spn')}}"
                                    placeholder="Enter daily limit" required>
                            </div>
                            <div class="modern-form-group">
                                <label class="modern-form-label">{{ __('Spin Interval')}} <span class="info-badge">Seconds</span></label>
                                <input type="number" class="modern-form-control" name="SPIN_INTERVAL" value="{{env('SPIN_INTERVAL')}}"
                                    placeholder="Enter interval" required>
                            </div>
                        </div>

                        <!-- Scratch Setting -->
                        <div class="setting-card">
                            <div class="section-header">
                                <div class="icon">🎫</div>
                                <h6>Scratch Setting</h6>
                            </div>
                            <div class="modern-form-group">
                                <label class="modern-form-label">{{ __('Daily Scratch Limit')}}</label>
                                <input type="number" class="modern-form-control" name="scratch" value="{{env('scratch')}}"
                                    placeholder="Enter daily limit" required>
                            </div>
                            <div class="modern-form-group">
                                <label class="modern-form-label">{{ __('Scratch Interval')}} <span class="info-badge">Seconds</span></label>
                                <input type="text" class="modern-form-control" name="SCRATCH_INTERVAL" value="{{env('SCRATCH_INTERVAL')}}"
                                    placeholder="10" required>
                            </div>
                            <div class="modern-form-group">
                                <label class="modern-form-label">{{ __('Scratch Coin')}}</label>
                                <input type="text" class="modern-form-control" name="scratch_coin" value="{{env('scratch_coin')}}"
                                    placeholder="10,20,30" required>
                            </div>
                        </div>

                        <!-- Math Quiz Setting -->
                        <div class="setting-card">
                            <div class="section-header">
                                <div class="icon">🧮</div>
                                <h6>Math Quiz Setting</h6>
                            </div>
                            <div class="modern-form-group">
                                <label class="modern-form-label">{{ __('Daily Math Quiz Limit')}}</label>
                                <input type="number" class="modern-form-control" name="mathLimit"
                                    value="{{env('mathLimit')}}" placeholder="Enter daily limit" required>
                            </div>
                            <div class="modern-form-group">
                                <label class="modern-form-label">{{ __('Quiz Interval')}} <span class="info-badge">Seconds</span></label>
                                <input type="text" class="modern-form-control" name="QUIZ_INTERVAL" value="{{env('QUIZ_INTERVAL')}}"
                                    placeholder="10" required>
                            </div>
                            <div class="modern-form-group">
                                <label class="modern-form-label">{{ __('Math Quiz Every Quiz Rewards')}}</label>
                                <input type="number" class="modern-form-control" name="mathCoin"
                                    value="{{env('mathCoin')}}" placeholder="Enter reward amount" required>
                            </div>
                        </div>
                    </div>

                    <div class="section-header" style="margin-top: 2rem;">
                        <div class="icon">⚙️</div>
                        <h6>Other Task Settings</h6>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="modern-form-group">
                                <label class="modern-form-label">{{ __('Daily Checkin Reward')}}</label>
                                <input type="number" class="modern-form-control" name="daily" value="{{env('daily')}}"
                                    placeholder="Enter reward amount" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="modern-form-group">
                                <label class="modern-form-label">{{ __('Welcome Bonus')}}</label>
                                <input type="number" class="modern-form-control" name="bonus" value="{{env('bonus')}}"
                                    placeholder="Enter bonus amount" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="modern-form-group">
                                <label class="modern-form-label">{{ __('Referral Coin')}}</label>
                                <input type="number" class="modern-form-control" name="refer" value="{{env('ref')}}"
                                    placeholder="Enter referral reward" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="modern-form-group">
                                <label class="modern-form-label">{{ __('Daily VideoZone Task Limit')}}</label>
                                <input type="number" class="modern-form-control" name="video"
                                    value="{{env('video')}}" placeholder="Enter daily limit" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="modern-form-group">
                                <label class="modern-form-label">{{ __('Offers Task Limit')}}</label>
                                <input type="number" class="modern-form-control" name="app"
                                    value="{{env('app')}}" placeholder="Enter task limit" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="modern-form-group">
                                <label class="modern-form-label">{{ __('Daily Read Article Task Limit')}}</label>
                                <input type="number" class="modern-form-control" name="web"
                                    value="{{env('web')}}" placeholder="Enter daily limit" required>
                            </div>
                        </div>
                    </div>

                    <button type="submit" class="modern-btn modern-btn-primary">
                        <i class="ik ik-save"></i> {{ __('Update Settings')}}
                    </button>
                </form>
            </div>

             <div class="tab-pane fade" id="feature" role="tabpanel" aria-labelledby="pills-feature-tab">
                <div class="alert-info-custom">
                    <p><strong>Feature:</strong> you can enable disable feature from app.</p>
                </div>

                @php
                    $features = explode(',', $setting[0]->app_feature); 
                @endphp
                
                <form class="forms-sample" method="POST" action="/setting/update" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="type" value="feature"/>

                    <div class="modern-switch-wrapper" style="margin-bottom: 1.5rem;">
                        <div>
                            <div class="modern-switch-label">Home Offers Tab</div>
                            <small style="color: var(--text-secondary);">home offerwall tab will be enabled/disabled</small>
                        </div>
                        <label class="switch s-icons s-outline s-outline-success mr-2">
                            <input type="checkbox" name="h_ofr" {{ (in_array('h_ofr', $features)) ?  'checked' : '' }}>
                            <span class="slider round"></span>
                        </label>
                    </div>

                    <div class="modern-switch-wrapper" style="margin-bottom: 1.5rem;">
                        <div>
                            <div class="modern-switch-label">Intro Pages</div>
                            <small style="color: var(--text-secondary);">Intro pages will be enabled/disabled</small>
                        </div>
                        <label class="switch s-icons s-outline s-outline-success mr-2">
                            <input type="checkbox" name="s_in" {{ (in_array('s_in', $features)) ?  'checked' : '' }}>
                            <span class="slider round"></span>
                        </label>
                    </div>


                    <button type="submit" class="modern-btn modern-btn-primary">
                        <i class="ik ik-save"></i> {{ __('Save Changes')}}
                    </button>
                </form>
            </div>

            <!-- Notification Settings Tab -->
            <div class="tab-pane fade" id="noti" role="tabpanel" aria-labelledby="pills-noti-tab">
                <div class="alert-info-custom">
                    <p><strong>ℹ️ Info:</strong> Configure OneSignal push notification settings for your app.</p>
                </div>
                
                <form class="forms-sample" method="POST" action="/setting/update" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="type" value="noti"/>

                    <div class="modern-form-group">
                        <label class="modern-form-label">OneSignal App ID</label>
                        <input type="text" class="modern-form-control" name="onesignal_appid" value="{{$admin[0]->onesignal_appid}}"
                            placeholder="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx" required>
                    </div>

                    <div class="modern-form-group">
                        <label class="modern-form-label">OneSignal Rest API Key</label>
                        <input type="text" class="modern-form-control" name="onesignal_restapi" value="{{$admin[0]->onesignal_restapi}}"
                            placeholder="Your OneSignal REST API Key" required>
                    </div>

                    <button type="submit" class="modern-btn modern-btn-primary">
                        <i class="ik ik-save"></i> {{ __('Update Settings')}}
                    </button>
                </form>
            </div>

            <div class="tab-pane fade" id="security" role="tabpanel" aria-labelledby="pills-security-tab">
                <div class="alert-info-custom">
                    <p><strong>🔒 Security:</strong> Configure security features to protect app from abuse.</p>
                </div>
                
                <form class="forms-sample" method="POST" action="/setting/update" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="type" value="secure"/>

                    <div class="modern-switch-wrapper" style="margin-bottom: 1.5rem;">
                        <div>
                            <div class="modern-switch-label">VPN Protection</div>
                            <small style="color: var(--text-secondary);">App will not work if VPN is connected</small>
                        </div>
                        <label class="switch s-icons s-outline s-outline-success mr-2">
                            <input type="checkbox" name="isVpn" {{ ($data[0]->isVpn == 'true') ? 'checked' : '' }}>
                            <span class="slider round"></span>
                        </label>
                    </div>

                    <div class="modern-switch-wrapper" style="margin-bottom: 1.5rem;">
                        <div>
                            <div class="modern-switch-label">One Device One Account</div>
                            <small style="color: var(--text-secondary);">User can create only one account per device</small>
                        </div>
                        <label class="switch s-icons s-outline s-outline-success mr-2">
                            <input type="checkbox" name="one_device" {{ ($data[0]->one_device == 'true') ? 'checked' : '' }}>
                            <span class="slider round"></span>
                        </label>
                    </div>

                    <div class="modern-form-group">
                        <label class="modern-form-label">One IP Account Limit</label>
                        <small style="color: var(--text-secondary); display: block; margin-bottom: 0.5rem;">
                            How many accounts a user can create with one IP address
                        </small>
                        <input type="number" class="modern-form-control" name="one_ip" value="{{$data[0]->one_ip}}"
                            placeholder="3" required>
                    </div>

                    <button type="submit" class="modern-btn modern-btn-primary">
                        <i class="ik ik-save"></i> {{ __('Update Settings')}}
                    </button>
                </form>
            </div>
      

            <!-- Update Popup Settings Tab -->
            <div class="tab-pane fade" id="update" role="tabpanel" aria-labelledby="pills-update-tab">
                <div class="alert-info-custom">
                    <p><strong>📱 App Updates:</strong> Control app update prompts and maintenance mode.</p>
                </div>
                
                <form class="forms-sample" method="POST" action="/setting/update" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="type" value="update"/>

                    <div class="modern-switch-wrapper" style="margin-bottom: 1.5rem;">
                        <div>
                            <div class="modern-switch-label">App Update & Maintenance Popup</div>
                            <small style="color: var(--text-secondary);">Show/Hide popup to users</small>
                        </div>
                        <label class="switch s-icons s-outline s-outline-success mr-2">
                            <input type="checkbox" name="up_status" {{ ($setting[0]->up_status == 'true') ? 'checked' : '' }}>
                            <span class="slider round"></span>
                        </label>
                    </div>

                    <div class="modern-form-group">
                        <label class="modern-form-label">Select Mode</label>
                        <select name="up_mode" class="modern-form-control">
                            <option value="update" {{ ($setting[0]->up_mode == 'update') ? 'selected' : '' }}>
                                Update Popup (Force user to update app)
                            </option>
                            <option value="maintenance" {{ ($setting[0]->up_mode == 'maintenance') ? 'selected' : '' }}>
                                Maintenance Popup (App will not work)
                            </option>
                        </select>
                    </div>

                    <div class="modern-form-group">
                        <label class="modern-form-label">Android Version Code</label>
                        <input type="number" class="modern-form-control" name="up_version"
                            value="{{$setting[0]->up_version}}" placeholder="1">
                    </div>

                    <div class="modern-form-group">
                        <label class="modern-form-label">Message</label>
                        <textarea class="modern-form-control" rows="5" name="up_msg">{{$setting[0]->up_msg}}</textarea>
                    </div>

                    <div class="modern-form-group">
                        <label class="modern-form-label">App URL</label>
                        <input type="text" class="modern-form-control" name="up_link"
                            value="{{$setting[0]->up_link}}"
                            placeholder="https://play.google.com/store/apps/details?id=com.app.reward">
                    </div>

                    <div class="modern-switch-wrapper" style="margin-bottom: 1.5rem;">
                        <div>
                            <div class="modern-switch-label">Cancel Option</div>
                            <small style="color: var(--text-secondary);">Show cancel button in update popup</small>
                        </div>
                        <label class="switch s-icons s-outline s-outline-success mr-2">
                            <input type="checkbox" name="up_btn" {{ ($setting[0]->up_btn == 'true') ? 'checked' : '' }}>
                            <span class="slider round"></span>
                        </label>
                    </div>

                    <button type="submit" class="modern-btn modern-btn-primary">
                        <i class="ik ik-save"></i> {{ __('Update Settings')}}
                    </button>
                </form>
            </div>

            <!-- Email SMTP Settings Tab -->
            <div class="tab-pane fade" id="email" role="tabpanel" aria-labelledby="pills-email-tab">
                <div class="alert-info-custom">
                    <p><strong>📧 Email Configuration:</strong> Configure SMTP settings for sending emails.</p>
                </div>
                
                <form class="forms-sample" method="POST" action="/setting/update" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="type" value="smtp"/>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="modern-form-group">
                                <label class="modern-form-label">Mail Mailer</label>
                                <input type="text" class="modern-form-control" name="MAIL_MAILER"
                                    value="{{env('MAIL_MAILER')}}" placeholder="smtp">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="modern-form-group">
                                <label class="modern-form-label">Mail Host</label>
                                <input type="text" class="modern-form-control" name="MAIL_HOST"
                                    value="{{env('MAIL_HOST')}}" placeholder="smtp.gmail.com">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="modern-form-group">
                                <label class="modern-form-label">Port</label>
                                <input type="number" class="modern-form-control" name="MAIL_PORT"
                                    value="{{env('MAIL_PORT')}}" placeholder="587">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="modern-form-group">
                                <label class="modern-form-label">Mail Username</label>
                                <input type="text" class="modern-form-control" name="MAIL_USERNAME"
                                    value="{{env('MAIL_USERNAME')}}" placeholder="your-email@example.com">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="modern-form-group">
                                <label class="modern-form-label">Mail Password</label>
                                <input type="password" class="modern-form-control" name="MAIL_PASSWORD"
                                    value="{{env('MAIL_PASSWORD')}}" placeholder="••••••••">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="modern-form-group">
                                <label class="modern-form-label">Encryption Mode</label>
                                <select name="MAIL_ENCRYPTION" class="modern-form-control">
                                    <option value="ssl" {{ (env('MAIL_ENCRYPTION') == 'ssl') ? 'selected' : '' }}>SSL</option>
                                    <option value="tls" {{ (env('MAIL_ENCRYPTION') == 'tls') ? 'selected' : '' }}>TLS</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <button type="submit" class="modern-btn modern-btn-primary">
                        <i class="ik ik-save"></i> {{ __('Update Settings')}}
                    </button>
                </form>
            </div>

            <!-- Block Country Settings Tab -->
            <div class="tab-pane fade" id="cn" role="tabpanel" aria-labelledby="pills-cn-tab">
                <div class="alert-info-custom">
                    <p><strong>🌍 Country Blocking:</strong> Restrict app access from specific countries using ISO codes.</p>
                </div>
                
                <form class="forms-sample" method="POST" action="/setting/update" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="type" value="cn"/>

                     <div class="modern-switch-wrapper" style="margin-bottom: 1.5rem;">
                        <div>
                            <div class="modern-switch-label">Block Country Access</div>
                            <small style="color: var(--text-secondary);">block access to app from specific countries</small>
                        </div>
                        <label class="switch s-icons s-outline s-outline-success mr-2">
                            <input type="checkbox" name="block_country" {{ ($data[0]->block_country == 1) ?  'checked' : '' }}>
                            <span class="slider round"></span>
                        </label>
                    </div>

                    <div class="modern-form-group">
                        <label class="modern-form-label">Block Country Access with ISO Code</label>
                        <small style="color: var(--text-secondary); display: block; margin-bottom: 0.5rem;">
                            Enter country codes separated by commas (e.g., US,IN,UK)
                        </small>
                        <input type="text" class="modern-form-control" name="cn"
                            value="{{env('cn')}}" placeholder="US,IN,UK">
                    </div>

                    <div class="modern-form-group">
                        <label class="modern-form-label">Block Country Access Message</label>
                        <input type="text" class="modern-form-control" name="msg"
                            value="{{str_replace('_', ' ',env('msg'))}}" placeholder="Sorry, our app is not available in your country">
                    </div>

                    <button type="submit" class="modern-btn modern-btn-primary">
                        <i class="ik ik-save"></i> {{ __('Update Settings')}}
                    </button>
                </form>
            </div>

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

@push('script')
<script src="//cdn.ckeditor.com/4.14.1/standard/ckeditor.js"></script>
<script src="{{ asset('plugins/select2/dist/js/select2.min.js') }}"></script>
<script src="{{ asset('js/form-advanced.js') }}"></script>
@endpush

@endsection