@php use App\Settings; @endphp
<x-layout.app x-data="{ rename: false }">
    <x-slot:page_title>Scoring Rules</x-slot:page_title>
    {{--    MAIN CARD--}}
    <x-card.card x-show="! rename" class="max-w-xl mx-auto">
        <x-card.heading>
            <x-slot:subheading @click="rename = ! rename">Click here to rename</x-slot:subheading>
            Scoring Guide: {{ $guide->name }}
            <x-slot:right_side>
               <a href="{{ route('admin.scoring.index') }}" class="text-indigo-600">[ Return to Scoring Guide List ]</a>
            </x-slot:right_side>
        </x-card.heading>
        @include('admin.scoring.edit-tabs')
        <div class="ml-6 -mt-2 mr-6">
            @switch($tab)
                @case('detail')
                    @include('admin.scoring.edit-detail')
                    @break
                @case('displayOrder')
                    @include('admin.scoring.edit-display-order')
                    @break
                @case('tiebreakOrder')
                    @include('admin.scoring.edit-tiebreak-order')
                    @break

            @endswitch
        </div>
    </x-card.card>


    {{--    RENAME CARD--}}
    <x-card.card x-show="rename" @click.outside="rename = ! rename" x-cloak>
        <x-card.heading>Rename</x-card.heading>
        <x-form.form method="PATCH" action="/admin/scoring/guides/{{ $guide->id }}/edit" class="!pt-2">
            <x-form.field name="name" label_text="New Name" value=""/>
            <x-form.footer submit-button-text="Rename" class="mb-3"></x-form.footer>
        </x-form.form>
    </x-card.card>
    <div class="mt-20">
    </div>
</x-layout.app>