@extends('layouts.master')
@section('title', 'Authentication Settings')
@section('pagetitle', 'Authentication Settings')
@section('styles')
    <style>
        h1 {
            font-size: 24px;
        }
    </style>
@endsection
@section('content')
    <div class="main">
        <ul class="nav nav-pills mb-4 mt-2" id="pills-tab" role="tablist">
            <li class="nav-item">
                <a href="#auth"
                   class="nav-link active"
                   id="pills-home-tab"
                   data-toggle="pill"
                   aria-controls="pills-home"
                   aria-selected="true">
                    <i class="fa fa-lock"></i>
                    @lang('Authentication')
                </a>
            </li>
            <li class="nav-item">
                <a href="#registration"
                   class="nav-link"
                   id="pills-home-tab"
                   data-toggle="pill"
                   aria-controls="pills-home"
                   aria-selected="true">
                    <i class="fa fa-user-plus"></i>
                    @lang('Registration')
                </a>
            </li>
        </ul>
        @include('layouts.partials.messages')
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="auth">


                <div class="row mb-30">
                    <div class="col-6">
                        <div class="authreg-item">
                            @include('super.settings.partials.auth')
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="authreg-item">
                            @include('super.settings.partials.throttling')
                        </div>
                    </div>
                </div>
                <div class="row mb-30">
                    <div class="col-6">
                        <div class="authreg-item">
                            @include('super.settings.partials.two-factor')
                        </div>
                    </div>
                </div>



            </div>
            <div role="tabpanel" class="tab-pane" id="registration">
                <div class="row mb-30">
                    <div class="col-6">
                        <div class="authreg-item">
                            <div class="form-result"></div>
                            {!! Form::open(['route' => 'super.settings.auth.update', 'class' => 'form-settings js-ajax-form', 'id' => 'registration-settings-form']) !!}
                            <div class="form-result"></div>
                            <h1 class="hd mb-30">@lang('General')</h1>

                            <div class="profilegrids">
                                <div class="profilePicture">
                                    <h4>@lang('Allow Registration')</h4>
                                    <p class="mb-10">@lang('Should new users be able to sign up?')</p>
                                </div>
                                <div class="profile_names">
                                    <div class="switch">
                                        <input type="hidden" value="0" name="reg_enabled">

                                        <input
                                            type="checkbox" name="reg_enabled"
                                            id="switch-reg-enabled"
                                            class="switch" value="1"
                                            {{ setting('reg_enabled') ? 'checked' : '' }}>

                                        <label for="switch-reg-enabled"></label>
                                    </div>
                                </div>
                            </div>

                            <div class="profilegrids">
                                <div class="profilePicture">
                                    <h4>@lang('Terms & Conditions')</h4>
                                    <p class="mb-10">@lang('The user has to confirm that he agree with terms and conditions in order to create an account.')</p>
                                </div>
                                <div class="profile_names">
                                    <div class="switch">
                                        <input type="hidden" value="0" name="tos">
                                        {!! Form::checkbox('tos', 1, setting('tos'), ['class' => 'switch', 'id' => 'switch-tos']) !!}
                                        <label for="switch-tos"></label>
                                    </div>
                                </div>
                            </div>

                            <div class="profilegrids">
                                <div class="profilePicture">
                                    <h4>@lang('Email Confirmation')</h4>
                                    <p class="mb-10">@lang('Require email confirmation from your newly registered users.')</p>
                                </div>
                                <div class="profile_names">
                                    <div class="switch">
                                        <input type="hidden" value="0" name="reg_email_confirmation">
                                        {!! Form::checkbox('reg_email_confirmation', 1, setting('reg_email_confirmation'), ['class' => 'switch', 'id' => 'switch-reg-email-confirm']) !!}
                                        <label for="switch-reg-email-confirm"></label>
                                    </div>
                                </div>
                            </div>


                            <div class="done mt-60">
                                @csrf
                                <input type="hidden" name="form_type" value="registration-settings-form">
                                <button type="submit" form="registration-settings-form" class="btn save">
                                    <span class="spinner-border spinner-border-sm hide" role="status"
                                          aria-hidden="true"></span>
                                    <span>{{ __('Save changes') }}</span>
                                </button>
                                <button  id="cancelButton" class="cancel">Cancel</button>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('scripts')
    <script>
        $(document).ready(function () {
            $("#cancelButton").click(function (event) {
                // Prevent the default form submission behavior
                event.preventDefault();
                window.location.href = "{{ route('super.settings.general') }}";
            });
        });
    </script>
@endsection