{% extends 'VGMWOBundle::layout.html.twig' %}
{% block jumbotron_content %}
    <div class="jumbotron" style="padding-top: 10px; padding-bottom: 5px;"  id="jumbotron">
        <div class="container-fluid">
            <div class="col-md-12 text-center" style="padding-left: 0px;">
                <H3 style="margin: 0px;"><strong>Create work types</strong></H3>
            </div>
        </div>
    </div>
{% endblock %}
{% block content %}
    <div class="container" style="min-height: 500px;">
        <div class="col-md-12 text-right">
            <div class="col-ms-2 pull-right">
                <a href="{{ path('worktypes') }}">
                    <span class="glyphicon glyphicon-list"></span>
                    Main list
                </a>
            </div>
        </div>
        {% form_theme form _self %}
        <form action="{{ path('worktypes_create') }}" method="post" {{ form_enctype(form) }} role="form">
            <div class="form-group container-fluid">
                <div class="row">
                    <div>
                        <!-- Name input -->
                        <div>
                            <label style="margin-bottom: 0px;">Work type: </label>
                            {{ form_errors(form.work_type) }}
                            {{ form_widget(form.work_type, { 'attr': {
                            'id': 'name_imput',
                            'accesskey' : 'n',
                            'tabindex' : 1,
                            'class': 'form-control for-desktop',
                            'type': 'text',
                            'placeholder': 'Work Type'} }) }}
                        </div>
                        <!-- Main phone input -->
                        <div>
                            <label style="margin-bottom: 0px; margin-top: 10px;">Description: </label>
                            {{ form_errors(form.description) }}
                            {{ form_widget(form.description, { 'attr': {
                            'accesskey' : 'p',
                            'tabindex' : 3,
                            'class': 'form-control for-desktop',
                            'type': 'text',
                            'placeholder': 'Description'} }) }}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 container-fluid text-right">
                    {{ form_widget(form.submit, {'attr': {
                    'class': 'btn btn-primary btn-sm' }}) }}
                    <a class="btn btn-warning btn-sm" href="{{ path('worktypes') }}">Cancel</a>
            </div>

            {{ form_rest(form) }}
        </form>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        // Activates knockout.js
        //ko.applyBindings(baseViewModel, document.getElementById("menu-bar"));
    </script>
{% endblock %}