@extends('layouts.admin_settings')

@section('content')
    <header class="w-full my-3">
        <h1 class="text-2xl font-bold text-white">General Settings</h1>
        <p class="text-sm"><a class="flex text-sm items-center text-blue-600 underline"
                href="https://communitycad.app/docs/settings-page">Learn More
                <svg class="w-4 h-4 ml-2" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
                        stroke-linecap="round" stroke-linejoin="round" />
                </svg>
            </a></p>
    </header>
    <div class="card">
        <form action="{{ route('admin.settings.update') }}" id="mdeditor" method="POST">
            @csrf
            <div class="pill p-3">
                <p class="text-lg font-semibold">Community Name</p>
                <p>The name of your community.</p>
                <input class="text-input" name="community_name" type="text"
                    value="{{ old('community_name', get_setting('community_name')) }}">
            </div>

            <div class="pill p-3">
                <div class="flex justify-between">
                    <div>
                        <p class="text-lg font-semibold">Community Logo</p>
                        <p>The logo of your community. Must be a url.</p>
                    </div>
                    <img alt="" class="w-16 h-16" src="{{ get_setting('community_logo') }}">
                </div>

                <input class="text-input" name="community_logo" type="url"
                    value="{{ old('community_logo', get_setting('community_logo')) }}">
            </div>

            <div class="pill p-3">
                <p class="text-lg font-semibold">Community Intro</p>
                <p>Text shown on the home page of the CAD that unlogged in users or applicants will see. Basicly a small
                    about us section.</p>
                <div>
                    <div class="mt-1 block w-full rounded-md border-gray-300 bg-white shadow-sm" id="editor">
                    </div>
                    <input id="mdcontent" name="community_intro" type="hidden"
                        value="{{ get_setting('community_intro') }}">
                    <x-input-error :messages="$errors->get('community_intro')" class="mt-2" />
                </div>
            </div>

            <div class="pill p-3">
                <p class="text-lg font-semibold flex items-center justify-between">
                    <span>Community Type</span>
                    {{-- <a class="flex text-sm items-center text-blue-600 underline"
                        href="https://communitycad.app/docs/settings-page#officer_name_format">Learn More
                        <svg class="w-4 h-4 ml-2" fill="none" stroke-width="1.5" stroke="currentColor"
                            viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
                                stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </a> --}}
                </p>
                <p>The type of community will detrumine how new members are handled.</p>
                <select class="select-input" disabled id="community_type" name="community_type">
                    <option @selected(old('community_type', get_setting('community_type')) == 'legacy') value="legacy">Legacy</option>
                    {{-- <option @selected(old('community_type', get_setting('community_type')) == 'whitelisted') value="whitelisted">Whitelisted</option> --}}
                    {{-- <option @selected(old('community_type', get_setting('community_type')) == 'approval') value="approval">Approval</option> --}}
                    {{-- <option @selected(old('community_type', get_setting('community_type')) == 'semiwhitelisted') value="semiwhitelisted">Semi-Whitelisted</option> --}}
                    {{-- <option @selected(old('community_type', get_setting('community_type')) == 'public') value="public">Public</option> --}}
                </select>
            </div>

            <div class="pill p-3">
                <div class="flex justify-between items-center">
                    <div>
                        <p class="text-lg font-semibold">Allow Members To Control Unit Number</p>
                        <p>This allows members once accepted into a department they can update their unit number.
                        </p>
                        @if (get_setting('use_discord_department_roles'))
                            <p class="text-red-600">This setting is locked on due to the Use Discord Department Roles
                                being set to "On"</p>
                        @endif
                    </div>
                    @if (get_setting('use_discord_department_roles'))
                        <select class="w-28 px-1 py-1 mt-2 text-black border rounded-md cursor-pointer focus:outline-none"
                            disabled id="allow_members_to_update_number" name="allow_members_to_update_number">
                            {{-- <option @selected(old('allow_members_to_update_number', get_setting('allow_members_to_update_number')) == false) value="off">Off</option> --}}
                            <option @selected(old('allow_members_to_update_number', get_setting('allow_members_to_update_number')) == true) value="on">On</option>
                        </select>
                    @else
                        <select class="w-28 px-1 py-1 mt-2 text-black border rounded-md cursor-pointer focus:outline-none"
                            id="allow_members_to_update_number" name="allow_members_to_update_number">
                            <option @selected(old('allow_members_to_update_number', get_setting('allow_members_to_update_number')) == false) value="off">Off</option>
                            <option @selected(old('allow_members_to_update_number', get_setting('allow_members_to_update_number')) == true) value="on">On</option>
                        </select>
                    @endif

                </div>
            </div>

            <div class="pill p-3">
                <div class="flex justify-between items-center">
                    <div>
                        <p class="text-lg font-semibold">Allow Members To Control Department Rank</p>
                        <p>This allows members once accepted into a department they can update their rank.
                        </p>
                        @if (get_setting('use_discord_department_roles'))
                            <p class="text-red-600">This setting is locked on due to the Use Discord Department Roles
                                being set to "On"</p>
                        @endif
                    </div>
                    @if (get_setting('use_discord_department_roles'))
                        <select class="w-28 px-1 py-1 mt-2 text-black border rounded-md cursor-pointer focus:outline-none"
                            disabled id="allow_members_to_update_rank" name="allow_members_to_update_rank">
                            {{-- <option @selected(old('allow_members_to_update_rank', get_setting('allow_members_to_update_rank')) == false) value="off">Off</option> --}}
                            <option @selected(old('allow_members_to_update_rank', get_setting('allow_members_to_update_rank')) == true) value="on">On</option>
                        </select>
                    @else
                        <select class="w-28 px-1 py-1 mt-2 text-black border rounded-md cursor-pointer focus:outline-none"
                            id="allow_members_to_update_rank" name="allow_members_to_update_rank">
                            <option @selected(old('allow_members_to_update_rank', get_setting('allow_members_to_update_rank')) == false) value="off">Off</option>
                            <option @selected(old('allow_members_to_update_rank', get_setting('allow_members_to_update_rank')) == true) value="on">On</option>
                        </select>
                    @endif

                </div>
            </div>

            <div class="pill p-3">
                <div class="flex justify-between items-center">
                    <div>
                        <p class="text-lg font-semibold">Allow Members To Submit LOA Requests</p>
                        <p>This will allow memebers to submit LOA requests through the portal.
                        </p>
                    </div>
                    <select class="w-28 px-1 py-1 mt-2 text-black border rounded-md cursor-pointer focus:outline-none"
                        id="allow_members_to_submit_loa_requests" name="allow_members_to_submit_loa_requests">
                        <option @selected(old('allow_members_to_submit_loa_requests', get_setting('allow_members_to_submit_loa_requests')) == false) value="off">Off</option>
                        <option @selected(old('allow_members_to_submit_loa_requests', get_setting('allow_members_to_submit_loa_requests')) == true) value="on">On</option>
                    </select>

                </div>
            </div>

            <div class="pill p-3">
                <div class="flex justify-between items-center">
                    <div>
                        <p class="text-lg font-semibold">Roleplay Enabled</p>
                        <p>This will show a banner that RP is suspended.</p>
                    </div>
                    <select class="w-28 px-1 py-1 mt-2 text-black border rounded-md cursor-pointer focus:outline-none"
                        disabled id="roleplay_enabled" name="roleplay_enabled">
                        <option @selected(old('roleplay_enabled', get_setting('roleplay_enabled')) == true) value="on">On</option>
                        <option @selected(old('roleplay_enabled', get_setting('roleplay_enabled')) == false) value="off">Off</option>
                    </select>
                </div>
            </div>

            <div class="pill p-3">
                <div class="">
                    <p class="text-lg font-semibold">Days Until Inactive</p>
                    <p>Takes a number for how many days until a member is classified as inactive on the CAD. Right now this
                        only effects the number on the dashboard. Soon it will have abilities like purge and auto kick after
                        so many days. There is no ETA on this improvement.</p>

                    <input class="text-input" name="days_until_inactive" type="number"
                        value="{{ old('days_until_inactive', get_setting('days_until_inactive')) }}">
                </div>
            </div>

            <div class="flex justify-end">
                <button class="inline-block secondary-button-md">Save</button>
            </div>
        </form>
    </div>
@endsection