@extends('layouts.master')
@section('title', 'General Settings')
@section('pagetitle', 'General Settings')

@section('content')
    <div class="main">
        <form action="{{ route('super.save.general.settings') }}" class="form-settings js-ajax-form"
              id="form-email-settings" method="POST">
            <div class="form-result"></div>

            <h1 class="hd mb-30">{{ __('General') }}</h1>

            <div class="profilegrids">
                <div class="profilePicture">
                    <h4>Default Mentee Per Mentor</h4>
                    <p class="mb-10">By default, the highest number of mentees that can be assigned to a mentor.</p>
                </div>
                <div class="profile_names">
                    <input class="name_input" placeholder=" " name="maximum_mentee_per_mentor" required  type="number"
                           value="{{ sys_settings('maximum_mentee_per_mentor') }}">
                    <label class="name_label" for="name">{{ __('Default Mentee Per Mentor') }}</label>
                </div>
            </div>

            <div class="profilegrids">
                <div class="profilePicture">
                    <h4>Maximum Mentors Per Mentee</h4>
                    <p class="mb-10">By default, the highest number of mentors that can be assigned to a mentee.</p>
                </div>
                <div class="profile_names">
                    <input class="name_input" placeholder=" " name="maximum_mentors_per_mentee" required  type="number"
                           value="{{ sys_settings('maximum_mentors_per_mentee') }}">
                    <label class="name_label" for="name">{{ __('Maximum Mentors Per Mentee') }}</label>
                </div>
            </div>

            <div class="profilegrids">
                <div class="profilePicture">
                    <h4>Maximum Career Per Mentor</h4>
                    <p class="mb-10">The maximum number of careers a mentor can choose during onboarding.</p>
                </div>
                <div class="profile_names">
                    <input class="name_input" placeholder=" " name="maximum_career_per_mentor" required type="number"
                           value="{{ sys_settings('maximum_career_per_mentor') }}">
                    <label class="name_label" for="name">{{ __('Maximum Career Per Mentor') }}</label>
                </div>
            </div>

            <div class="profilegrids">
                <div class="profilePicture">
                    <h4>Interest Profiler Questions per Page</h4>
                    <p class="mb-10">The number of questions on each page of the ineterest profiler page.</p>
                </div>
                <div class="profile_names">
                    <input class="name_input" placeholder=" " name="profiler_questions_per_page" required type="number"
                           value="{{ sys_settings('profiler_questions_per_page') }}">
                    <label class="name_label" for="name">{{ __('Interest Profiler Questions per Page') }}</label>
                </div>
            </div>

            <div class="profilegrids">
                <div class="profilePicture">
                    <h4>Interest Profiler Introduction Text</h4>
                    <p class="mb-10">The texts on the welcome to the interest profiler page.</p>
                </div>
                <div class="profile_names">
                    <textarea name="profiler_introduction" required id="intro" cols="30" rows="10" placeholder="Say something awesome....">{{ sys_settings('profiler_introduction') }}</textarea>
                </div>
            </div>

            <div class="profilegrids">
                <div class="profilePicture">
                    <h4>{{ __('Long Profiler Questions?') }}</h4>
                </div>
                <div class="profilename">
                    <select class="form-select" aria-label="Two Options Select" name="profiler_long">
                        <option {{ (sys_settings('profiler_long') == 'yes') ? 'selected' : '' }} value="yes">Yes</option>
                        <option {{ (sys_settings('profiler_long') == 'no') ? 'selected' : '' }} value="no">No</option>
                    </select>
{{--                    <div class="profile_names">--}}
{{--                        <input type="radio" class="custom-control-input" id="mailing-driver-mail" value="yes"--}}
{{--                               name="profiler_long"{{ (sys_settings('profiler_long') == 'yes') ? ' checked=""' : '' }}>--}}
{{--                        <label class="name_label" for="mailing-driver-mail">{{ __('Yes') }}</label>--}}
{{--                    </div>--}}
{{--                    <div class="profile_names">--}}
{{--                        <input type="radio" class="custom-control-input" id="mailing-driver-smtp" value="no"--}}
{{--                               name="profiler_long"{{ (sys_settings('profiler_long','no') == 'no') ? ' checked=""' : '' }}>--}}
{{--                        <label class="name_label" for="mailing-driver-smtp">{{ __('No') }}</label>--}}
{{--                    </div>--}}
                </div>
            </div>

            <div class="profilegrids">
                <div class="profilePicture">
                    <h4>Available Appointments Places</h4>
                    <p class="mb-10">Each places should be separated by a comma e.g zoom,webrtc,meet</p>
                </div>
                <div class="profile_names">
                    <textarea name="appointment_locations" required id="intro" cols="40" rows="40" placeholder="Enter all available appointment locations separated by commas (,)">{{ sys_settings('appointment_locations') }}</textarea>
                </div>
            </div>

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

        </form>
    </div>
@endsection