{% 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>Show and update clients</strong></H3>
            </div>
        </div>
    </div>
{% endblock %}
{% block content %}
    <div class="container" style="min-height: 500px;">
        <div class="row">
            <div class="col-md-12 text-right">
                <div class="col-ms-2 pull-right">
                    <a href="{{ path('vgm_client') }}">
                        <span class="glyphicon glyphicon-list"></span>
                        Main list
                    </a>
                </div>
                <div class="col-md-2 pull-right">
                    <a href="{{ path('vgm_client_edit', { 'id': entity.id }) }}">
                        <span class="glyphicon glyphicon-pencil"></span>
                        Edit
                    </a>
                </div>
            </div>
            <div class="form-group container-fluid">
                <div class="row">
                    <div class="col-md-6">
                        <div>
                            <label style="margin-bottom: 0px;">Main phone number: </label>
                            <div class="form-control for-desktop" type="text" disabled>{{ entity.phone1 }}</div>
                        </div>
                        <div>
                            <label style="margin-bottom: 0px; margin-top: 10px;">Aux phone number: </label>
                            <div class="form-control for-desktop" type="text" disabled>{{ entity.phone2 }}</div>
                        </div>
                        <div>
                            <label style="margin-bottom: 0px; margin-top: 10px;">E-mail: </label>
                            <div class="form-control for-desktop" type="text" disabled>{{ entity.email }}</div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div>
                            <label style="margin-bottom: 0px; ">Street: </label>
                            <div class="form-control for-desktop" type="text" disabled>{{ entity.adrees }}</div>
                        </div>
                        <div>
                            <label style="margin-bottom: 0px; margin-top: 10px;">City: </label>
                            <div class="form-control for-desktop" type="text" disabled>{{ entity.city }}</div>
                        </div>
                        <div class="col-md-6" style="padding-left: 0px;">
                            <label style="margin-bottom: 0px; margin-top: 10px;">State: </label>
                            <div class="form-control for-desktop" type="text" disabled>{{ entity.state }}</div>
                        </div>
                        <div class="col-md-6" style="padding-right: 0px;">
                            <label style="margin-bottom: 0px; margin-top: 10px;">Zip code: </label>
                            <div class="form-control for-desktop" type="text" disabled>{{ entity.zipcode }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        // Activates knockout.js
        ////ko.applyBindings(baseViewModel, document.getElementById("menu-bar"));
    </script>
{% endblock %}

