@extends('backend.master')
@push('styles')

@endpush

@section('mainContent')

    {!! generateBreadcrumb() !!}

    <section class="admin-visitor-area up_st_admin_visitor white-box">
        <div class="container-fluid p-0">
            <div class="row justify-content-center">
                <div class="col-12">
                    <div class="box_header common_table_header">
                        <div class="main-title d-md-flex">
                            <h3 class="mb-0 mr-30 mb_xs_15px mb_sm_20px"
                                id="page_title">{{__('setting.Engagement setting')}}</h3>
                        </div>
                    </div>
                </div>


                <div class="col-lg-12">
                    <!-- tab-content  -->
                    <div class="tab-content " id="myTabContent">
                        <!-- General -->
                        <div class="tab-pane fade white-box show active" id="Activation"
                             role="tabpanel"
                             aria-labelledby="Activation-tab">
                            <div class="single_system_wrap">
                                    <form method="POST"
                                          action="{{ route('notifications.engagement.update') }}">
                                        @csrf
                                        <div class="row">
                                        <div class="col-xl-6">
                                            <div class="primary_input mb-25">
                                                <label class="primary_input_label"
                                                       for="progress_reports_enabled">Progress Reports Enabled</label>
                                                <select class="primary_select mb-25"
                                                        name="progress_reports_enabled"
                                                        id="progress_reports_enabled">
                                                    <option value="1" @if(Settings('progress_reports_enabled') == 1) selected @endif>{{ __('common.Enable') }}</option>
                                                    <option value="0" @if(Settings('progress_reports_enabled') == 0) selected @endif>{{ __('common.Disable') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-xl-6">
                                            <div class="primary_input mb-25">
                                                <label class="primary_input_label"
                                                       for="progress_report_frequency">Progress Report Frequency</label>
                                                <select class="primary_select mb-25"
                                                        name="progress_report_frequency"
                                                        id="progress_report_frequency">
                                                    <option value="daily" @if(Settings('progress_report_frequency') == 'daily') selected @endif>{{ __('common.Daily') }}</option>
                                                    <option value="weekly" @if(Settings('progress_report_frequency') == 'weekly') selected @endif>{{ __('common.Weekly') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-xl-6">
                                            <div class="primary_input mb-25">
                                                <label class="primary_input_label"
                                                       for="streak_reminders_enabled">Streak Reminders Enabled</label>
                                                <select class="primary_select mb-25"
                                                        name="streak_reminders_enabled"
                                                        id="streak_reminders_enabled">
                                                    <option value="1" @if(Settings('streak_reminders_enabled') == 1) selected @endif>{{ __('common.Enable') }}</option>
                                                    <option value="0" @if(Settings('streak_reminders_enabled') == 0) selected @endif>{{ __('common.Disable') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-xl-6">
                                            <div class="primary_input mb-25">
                                                <label class="primary_input_label"
                                                       for="min_streak_days">Minimum Streak Days</label>
                                                <input type="number" name="min_streak_days" id="min_streak_days"
                                                       class="form-control" min="1"
                                                       value="{{ Settings('min_streak_days') ?? 3 }}">
                                            </div>
                                        </div>
                                        <div class="col-xl-12">
                                            <div class="submit_btn d-flex justify-content-center text-center mt-4">
                                                <button class="primary-btn fix-gr-bg" type="submit"
                                                        data-bs-toggle="tooltip"
                                                ><i class="ti-check"></i> {{ __('common.Save') }}</button>
                                            </div>
                                        </div>
                                        </div>
                                    </form>
                            </div>
                        </div>
                    </div>
                </div>


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

@endsection