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

{{-- Content --}}
@section('content')
<link href="../plugins/custom/kanban/kanban.bundle.css?v=7.2.9" rel="stylesheet" type="text/css">
<div class="card card-custom gutter-b">
    <div class="card-header flex-wrap border-0 pt-6 pb-0">
        <div class="card-title">
            <h3 class="card-label">{{ config('global.participanttype') }}
            </h3>
        </div>
        <div class="card-toolbar">
        </div>
    </div>
    <div class="card-body">
        <div id="kt_kanban_2">
            <div class="kanban-container" style="width: 750px;">
            @foreach ($apparatus as $row) 
                <div data-id="_inprocess" data-order="1" class="kanban-board" style="width: 200px; margin-left: 0px; margin-right: 0px;">
                    <header class="kanban-board-header primary">
                        <div class="kanban-title-board">{{ $row->aname}}</div>
                    </header>
                    @php $cats= App\Http\Controllers\EventController::getcategory($row->eventmodel_id);  @endphp
                  
                    <main class="kanban-drag">
                        @foreach ($cats as $cat) 
                       <div class="kanban-item" data-class="light-primary"> <a href="{{route('scoreadd', ['cat' => $cat['categoryname'],'apid' =>  $row->apparatus,'gender' => 'M','eventid'=>$row->eventmodel_id])}}" style="padding-bottom: 15px;"><span class="font-weight-bold">{{ $cat['categoryname']}}</span></a></div>
                        @endforeach
                    </main>
                    <footer></footer>
                </div>
                @endforeach
            </div>
        </div>
    </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