@extends('settings.master')
@section('title')
    <h1>KPI stamdata</h1>
@stop

@section('content1')
    <div class="col-lg-12">
        <hr>
        @if (\Session::has('message'))
            @if(!empty(Session::get('message')['url']))
                <div class="alert alert-info">
                    {{ Session::get('message')['message'] }}
                    <a class="pull-right btn btn-default" href="{{ Session::get('message')['url'] }}" style="margin-top: -7px">Herstel</a>
                </div>
            @else
                <div class="alert alert-info">{{ Session::get('message') }}</div>
            @endif
        @endif
        @if ($KPI->isEmpty())
            <div class="panel panel-default">
                Geen Stamdata.
            </div>
            <div class="col-lg-12">
                <form action="/instellingen/KPI">
                    <div class="content">
                        <div class="form-group">
                            <div class="col-md-6">
                                <label for="email" class="control-label">Naam KPI</label>
                                <input id="name" type="text" class="form-control" name="name" value="{{ old('name') }}">
                            </div>
                            <div class="col-md-6">
                                <label for="email" class="control-label">Waarde</label>
                                <input id="value" type="number" step="0.01" min="0" class="form-control spinner" name="value" value="{{ old('value') }}">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <hr>
                            <input type="submit" value="Voeg KPI toe" class="btn btn-primary">
                        </div>
                    </div>
                </form>
            </div>
        @else
            <div class="col-lg-12">
                <div class="content">
                    <table class="table">
                        <thead>
                        <tr>
                            <th></th>
                            <th>Naam KPI</th>
                            <th>Waarde</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($KPI as $KPI)
                            <tr>
                                <td><a href="/instellingen/KPI/{{$KPI->id}}/edit" data-toggle="tooltip"
                                       title="Bewerk"><span class="glyphicon glyphicon-pencil"></span></a></td>
                                <td>{{$KPI->name}}</td>
                                <td>{{$KPI->value}}</td>
                                <td>
                                    <form action="/instellingen/KPI/{{ $KPI->id }}" method="POST" id="delete-form-kpi-{{ $KPI->id }}">
                                        @csrf
                                        @method('DELETE')
                                        <div class="pull-right">
                                            {!! Btn::delete($KPI->id, $name = "kpi") !!}
                                        </div>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-lg-12">
                <hr>
                <form method="POST"
                      action="{{empty($getKPI) ? "/instellingen/KPI" : "/instellingen/KPI/".$getKPI->id}}">
                    <div class="content">
                        <div class="form-group">
                            <div class="col-md-6">
                                <label for="email" class="control-label">Naam KPI</label>
                                <input id="name" type="text" class="form-control" name="name"
                                       value="{{$getKPI->name ?? old('name') }}">
                            </div>
                            <div class="col-md-6">
                                <label for="email" class="control-label">Waarde</label>
                                <input id="value" type="number" step="0.01" min="0" class="form-control spinner" name="value"
                                       value="{{$getKPI->value ?? old('value') }}">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <hr>
                            @if(!empty($getKPI))
                                <a data-toggle="modal" data-target="#editMessage" class="btn btn-primary">Bewerk KPI</a>
                            @else
                                <input type="submit" value="Voeg KPI toe" class="btn btn-primary">
                            @endif

                            <a name="cancel" href="/instellingen/KPI" class="btn btn-default">Annuleren</a>
                        </div>
                    </div>
                    @if(!empty($getKPI))
                        <input type="hidden" name="_method" value="PUT">
                    @endif
                    <input type="hidden" name="_token" value="{{csrf_token()}}">

                    <!-- Modal -->
                    <div class="modal fade" id="editMessage" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                                aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel">Weet je het zeker?</h4>
                                </div>
                                <div class="modal-body">
                                    <p>Weet je zeker dat je deze KPI-stamdata wilt bewerken? Er kunnen errors ontstaan
                                        door het bewerken van de naam.</p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                    <input type="submit" value="{{!empty($getKPI) ? "Bewerk KPI" : "Voeg KPI toe"}}"
                                           class="btn btn-primary">
                                </div>
                            </div>
                        </div>
                    </div>

                </form>
            </div>
        @endif
    </div>
@stop