@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>
        @if(Settings::advanceTo())
            <x-table.th>For Seating</x-table.th>
            <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-data="{ showModal: false }">

                <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>
                @if(Settings::advanceTo())
                    <x-table.td>{{ $subscore->for_seating ? 'Yes' : 'No' }}</x-table.td>
                    <x-table.td>{{ $subscore->for_advance ? 'Yes' : 'No' }}</x-table.td>
                @endif
                <x-table.td>
                    <p @click="showModal = ! showModal">[ edit ]</p>
                    @include('admin.scoring.edit-modify-subscore-modal')
                </x-table.td>
            </tr>
        @endforeach
    </x-table.body>
    <tfoot>
    <tr><x-table.th class="!pb-0" colspan="3">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>

            @if(Settings::advanceTo())
                <x-table.td><x-form.toggle-checkbox name="for_seating" checked></x-form.toggle-checkbox></x-table.td>
                <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 --}}