{{-- 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">
                <div class="text-muted pt-2 font-size-sm">Medal List</div>
            </h3>
        </div>
        <div class="card-toolbar">

        </div>
    </div>
    <div class="card-body">
        <table class="table table-bordered table-hover" id="kt_datatable1">
            <thead>
                <tr>
                    <th>Category</th>
                    <th>Apparatus</th>
                    <th>Platinum</th>
                    <th>Gold</th>
                    <th>Silver</th>
                    <th>Bronze</th>
                </tr>
            </thead>
            <tbody>
                @php
                $platinumcount = 0;
                $goldcount = 0;
                $silvercount = 0;
                $bronzecount = 0;
                @endphp

                @foreach ($medalcount as $row)
                @if($row->apparatus_name == 'SUBTOTAL')
                @php
                $platinumcount += $row->platinum_medals;
                $goldcount += $row->gold_medals;
                $silvercount += $row->silver_medals;
                $bronzecount += $row->bronze_medals;
                @endphp
                @endif
                <tr style="height: 20px !important;">
                    <td style="padding: 0 !important; line-height: 20px !important;">{{ $row->category }}</td>
                    <td style="padding: 0 !important; line-height: 20px !important;">{{ $row->apparatus_name }}</td>
                    <td style="padding: 0 !important; line-height: 20px !important;">{{ $row->platinum_medals }}</td>
                    <td style="padding: 0 !important; line-height: 20px !important;">{{ $row->gold_medals }}</td>
                    <td style="padding: 0 !important; line-height: 20px !important;">{{ $row->silver_medals }}</td>
                    <td style="padding: 0 !important; line-height: 20px !important;">{{ $row->bronze_medals }}</td>
                </tr>
                @endforeach

                <tr style="height: 20px !important;">
                    <td style="padding: 0 !important; line-height: 20px !important;"></td>
                    <td style="padding: 0 !important; line-height: 20px !important;">Total</td>
                    <td style="padding: 0 !important; line-height: 20px !important;">{{ $platinumcount }}</td>
                    <td style="padding: 0 !important; line-height: 20px !important;">{{ $goldcount }}</td>
                    <td style="padding: 0 !important; line-height: 20px !important;">{{ $silvercount }}</td>
                    <td style="padding: 0 !important; line-height: 20px !important;">{{ $bronzecount }}</td>
                </tr>
            </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