{{-- Extends layout --}}
@extends('layout.default')
{{-- Content --}}
@section('content')

<div class="card card-custom">
    <div class="card-header flex-wrap border-0 pt-6 pb-0">
        <div class="card-title">
            <h3 class="card-label">Skills List - will add skills from last event
            </h3>
        </div>
        <div class="card-toolbar">
            <!--begin::Button-->
            <form action="{{ route('skilladd')}}" method="POST">
                @csrf
                @method('POST')

                <input type="hidden" name="eventid" value="{{$id}}" />
                <button type="submit" title="update" class="btn btn-icon btn-primary btn-hover-primary btn-sm">
                    Add skills
                </button>
            </form>
            <!--end::Button-->
        </div>
    </div>
    <div class="card-body">
        <table class="table table-bordered table-hover" id="kt_datatable1">
            <thead>
                <tr>
                    <th></th>
                    <th>Category</th>
                    <th>Level</th>
                    <th>Apparatus</th>
                    <th>Skill</th>
                    <th>Score</th>
                    <th>Group</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($skills as $row)
                <tr>
                    <td>{{ $row ->Skid }}</td>
                    <td>{{ $row ->category }}</td>
                    <td>{{ $row ->Level }}</td>
                    <td>{{ $row ->gname }}</td>
                    <td>{{ $row ->skillname }}</td>
                    <td>{{ $row ->score }}</td>
                    <td>{{ $row ->catgroup }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection
{{-- Styles Section --}}
@section('styles')
<link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />
@endsection
{{-- Scripts Section --}}
@section('scripts')
{{-- vendors --}}
<script src="{{ asset('plugins/custom/datatables/datatables.bundle.js') }}" type="text/javascript"></script>

{{-- page scripts --}}
<script src="{{ asset('js/pages/crud/datatables/extensions/rnrbutton.js') }}" type="text/javascript"></script>

<script src="{{ asset('js/app.js') }}" type="text/javascript"></script>
@endsection