@extends('layouts.base')



@section('content')
    <div class="ui container">
        @if(Session::has('print_status'))
            <div class="ui info message">
                <div class="header">
                    {{  Session::get('print_status') }}
                </div>
            </div>
        @endif

        <div class="flex header space-between">
            <h1 class="ui header">Ustawienia</h1>
            <a class="ui right floated" href="/">Notatki</a>
        </div>
    </div>
    <div class="ui container">

        <h3 class="ui header">Przypisanie klawiszy</h3>

        <form class="ui form" method="POST">
            {{ csrf_field() }}
            @foreach($keyboard as $element)
                <div class="inline fields">
                    <div class="three wide field">
                        Klawisz: {{ $element->key }}
                    </div>
                    <div class="left floated content">
                        <div class="field">
                            Akcja:
                            <select class="ui" name="key[{{ $element->id }}]">
                                @foreach($actions as $actionKey => $action)
                                    @if($action == 'separator')
                                        <optgroup label=""></optgroup>
                                    @else
                                        <option @if($element->action == $actionKey)selected="selected"
                                                @endif
                                                value="{{ $actionKey }}">{{ $action  }}</optionvalue>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            @endforeach
            <button class="ui blue button" type="submit">Zapisz</button>
        </form>

    </div>

@endsection