@php use App\Settings; @endphp

<x-table.table with_title_area >
    <x-slot:title>Subscore Details</x-slot:title>

    <thead>
    <tr>
        <x-table.th>Name</x-table.th>
        <x-table.th>Max Score</x-table.th>
        <x-table.th>Weight</x-table.th>
        <x-table.th>For Seating</x-table.th>
        @if(Settings::advanceTo())
            <x-table.th>For {{ Settings::advanceTo() }}</x-table.th>
        @endif
        <x-table.th spacer_only></x-table.th>
    </tr>
    </thead>
    <x-table.body>
        @foreach ($subscores as $subscore)
            <tr>
                <x-table.td>{{ $subscore->name }}</x-table.td>
                <x-table.td>{{ $subscore->max_score }}</x-table.td>
                <x-table.td>{{ $subscore->weight }}</x-table.td>
                <x-table.td>{{ $subscore->for_seating ? 'Yes' : 'No' }}</x-table.td>
                @if(Settings::advanceTo())
                    <x-table.td>{{ $subscore->for_advance ? 'Yes' : 'No' }}</x-table.td>
                @endif
                <x-table.td>
                    {{--                                This came from AI, consider--}}
                    {{--                                <x-form.form method="PATCH" action="/admin/scoring/guides/{{ $guide->id }}/subscore/{{ $subscore->id }}">--}}
                    {{--                                    <x-table.button>Save</x-table.button>--}}
                    {{--                                    <x-table.button @click="if(confirm('Are you sure?')) { $dispatch('delete', {id: {{ $subscore->id }} }) }">Delete</x-table.button>--}}
                    {{--                                    <x-table.button @click="rename = ! rename">Rename</x-table.button>--}}
                    {{--                                </x-form.form>--}}
                    &nbsp;
                </x-table.td>
            </tr>
            {{--                            WHERE DID THIS EVEN COME FROM???--}}
            {{--                        <template x-on:delete.window="document.querySelector('form[action=\'/admin/scoring/guides/{{ $guide->id }}/subscore/\'+event.detail.id+\'\']').submit()"></template>--}}
        @endforeach
    </x-table.body>
    <tfoot>
    <tr><x-table.th class="!pb-0">Add Subscore</x-table.th></tr><tr>
        <x-form.form method="POST" action="/admin/scoring/guides/{{ $guide->id }}/subscore">
            <x-table.td><x-form.field name="name"></x-form.field></x-table.td>
            <x-table.td><x-form.field name="max_score" type="number"></x-form.field></x-table.td>
            <x-table.td><x-form.field name="weight" type="number"></x-form.field></x-table.td>
            <x-table.td><x-form.toggle-checkbox name="for_seating" checked></x-form.toggle-checkbox></x-table.td>
            @if(Settings::advanceTo())
                <x-table.td><x-form.toggle-checkbox name="for_advance" checked></x-form.toggle-checkbox></x-table.td>
            @endif
            <td><x-table.button>Save</x-table.button></td>
        </x-form.form>
    </tr>
    </tfoot>
</x-table.table>
{{-- TODO need to be able to edit subscores --}}