@extends('admin.layouts.app')

@section('content')
    <!--begin::Content container-->
    <div id="kt_app_content_container" class="app-container container-fluid" data-bs-backdrop='static'>
        <div class="p-2"></div>
        <!--begin::Card-->
        <div class="card">
            <!--begin::Card header-->

            <div class="card-header border-0 pt-6">
                <div class="broadcast_message_errors"></div>
                <div class="broadcast_message_success"></div>
                <!--begin::Card title-->
                <div class="card-title">
                </div>
                <!--begin::Card title-->
            </div>
            <!--begin::Card header-->
            <div class="card-body py-4">
                @if (session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif
                @if (session('error'))
                    <div class="alert alert-danger">
                        {{ session('error') }}
                    </div>
                @endif
                <form class="kt-form" action="{{ route('admin.updatePageSettings') }}" name="order_form" id="order_form"
                    method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('POST')
                    <div class="row">

                        <div class="col-lg-12">
                            <div class="py-3">
                                <label for="api_page" class="form-label">API page</label>
                                <select name="api_page" id="api_page" class="form-select form-select-solid">
                                    <option value="1" @if ('1' == $settingModel->api_page) selected @endif>Enabled
                                    </option>
                                    <option value="0" @if ('0' == $settingModel->api_page) selected @endif>Disabled
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="col-lg-12">
                            <div class="py-3">
                                <label for="affiliates_page" class="form-label">Affiliates page</label>
                                <select name="affiliates_page" id="affiliates_page" class="form-select form-select-solid">
                                    <option value="1" @if ('1' == $settingModel->affiliates_page) selected @endif>Enabled
                                    </option>
                                    <option value="0" @if ('0' == $settingModel->affiliates_page) selected @endif>Disabled
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="col-lg-12">
                            <div class="py-3">
                                <label for="childpanels_page" class="form-label">Childpanels page</label>
                                <select name="childpanels_page" id="affiliates_page" class="form-select form-select-solid">
                                    <option value="1" @if ('1' == $settingModel->childpanels_page) selected @endif>Enabled
                                    </option>
                                    <option value="0" @if ('0' == $settingModel->childpanels_page) selected @endif>Disabled
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div style="border: 1px solid #dddddd;padding: 10px;margin-bottom: 10px;">
                            <div class="col-lg-12">
                                <div class="py-3">
                                    <label for="register_page" class="form-label">Registration page</label>
                                    <select name="register_page" id="register_page" class="form-select form-select-solid">
                                        <option value="2" {{ $settingModel->register_page == 2 ? 'selected' : '' }}>
                                            Enabled</option>
                                        <option value="1" {{ $settingModel->register_page == 1 ? 'selected' : '' }}>
                                            Disabled</option>
                                    </select>
                                </div>
                            </div>
                            <div id="registerPageOptions" style="display: none">
                                <h4>Registration page options</h4>
                                <div class="col-lg-12">
                                    <div class="py-3">
                                        <label for="register_page_number" class="form-label">Number/Skype Field</label>
                                        <select name="register_page_number" id="register_page_number"
                                            class="form-select form-select-solid">
                                            <option value="1" @if ('1' == $settingModel->register_page_number) selected @endif>Enabled
                                            </option>
                                            <option value="0" @if ('0' == $settingModel->register_page_number) selected @endif>
                                                Disabled</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="py-3">
                                        <label for="register_page_number" class="form-label">Terms Checkbox</label>
                                        <select name="register_page_terms" id="register_page_terms"
                                            class="form-select form-select-solid">
                                            <option value="1" @if ('1' == $settingModel->register_page_terms) selected @endif>
                                                Enabled</option>
                                            <option value="0" @if ('0' == $settingModel->register_page_terms) selected @endif>
                                                Disabled</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-12">
                            <div class="py-3">
                                <div class="mb-10">
                                    <button type="submit" class="btn btn-sm btn-warning">
                                        Update Settings
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <!--end::Card body-->
        </div>
        <!--end::Card-->
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            var registerPageVal = $("#register_page").val();
            if (registerPageVal == 2) {
                $('#registerPageOptions').show();
            }
            $(document).on('change', '#register_page', function() {
                if ($(this).val() == 2) {
                    $('#registerPageOptions').show();
                } else {
                    $('#registerPageOptions').hide();
                }
            })
        })
    </script>
@endsection