@extends('layouts.layout-2')

@section('content')
    <div class="card">
        <h5 class="card-header">
            {{__('Karriere-Level')}}
        </h5>
        <div class="card-datatable table-responsive">
            <table class="datatables-style table table-striped table-bordered">
                <thead>
                <tr>
                    <th style="max-width: 60px;">&nbsp;</th>
                    <th>{{__('Pos')}}</th>
                    <th>{{__('Description')}}</th>
                    <th>{{__('Nächste Ebene')}}</th>
                    <th>{{__('Pr.') }}</th>
                    <th>{{__('Pr.Shop') }}</th>
                    <th>{{__('Qual.KP') }}</th>
                    <th>{{__('Qual.TP') }}</th>
                    <th>{{__('Pr. L.1') }}</th>
                    <th>{{__('Pr. L.2') }}</th>
                    <th>{{__('Pr. L.3') }}</th>
                    <th>{{__('Pr. L.4') }}</th>
                    <th>{{__('Pr. L.5') }}</th>
                    <th>{{__('Pr. L.6') }}</th>
                    <th>{{__('W.Bonus') }}</th>
                    <th>{{__('Status')}}</th>
                    <th>{{__('Standard')}}</th>
                    <th>{{__('ID')}}</th>
                </tr>
                </thead>
                <tbody>
                @foreach($values as $value)
                    <tr>
                        <td>
                            <button type="button" class="btn icon-btn btn-sm btn-primary" data-toggle="modal" data-target="#modals-load-content"
                                data-id="{{ $value->id }}"
                                data-action="user-level-edit"
                                data-view="view"
                                data-route="{{ route('modal_load') }}"><span class="fa fa-edit"></span></button>
                        </td>
                        <td>{{ $value->pos }}</td>
                        <td>{{ $value->name }}</td>
                        <td>@if($value->next_user_level) {{ $value->next_user_level->name }} @endif</td>
                        <td>{{ $value->margin }}</td>
                        <td>{{ $value->margin_shop }}</td>
                        <td>{{ $value->qual_kp }}</td>
                        <td>{{ $value->qual_tp }}</td>
                        <td>{{ $value->pr_line_1 }}</td>
                        <td>{{ $value->pr_line_2 }}</td>
                        <td>{{ $value->pr_line_3 }}</td>
                        <td>{{ $value->pr_line_4 }}</td>
                        <td>{{ $value->pr_line_5 }}</td>
                        <td>{{ $value->pr_line_6 }}</td>
                        <td>{{ $value->getFormattedGrowthBonus() }}</td>
                        <td data-sort="{{ $value->active }}">{!! get_active_badge($value->active) !!}</td>
                        <td data-sort="{{ $value->default }}">{!! get_active_badge($value->default) !!}</td>
                        <td>{{ $value->id }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
            <div class="mt-4 ml-4">
                <button type="button" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#modals-default"
                        data-id="new"
                        data-pos=""
                        data-name=""
                        data-margin="0"
                        data-active="1"
                >{{__('Neuen Karriere-Level erstellen')}}</button>
            </div>
        </div>

    </div>    

    <script>
        $( document ).ready(function() {
      
            $('.datatables-style').dataTable({
                "bLengthChange": false,
                "iDisplayLength": 50,
                "order": [[ 1, "asc" ]],
                "language": {
                    "url": "/js/German.json"
                }
            });
        });
    </script>
@endsection