{% extends '@App/base.html.twig' %}
{% block stylesheets %}
    <style>
        .search-table {
            table-layout: fixed;
            margin: 40px auto 0px auto;
        }

        .search-table, td, th {
            border-collapse: collapse;
            border: 1px solid #777;
        }

        th {
            padding: 20px 7px;
            font-size: 15px;
            color: #444;
            background: #66C2E0;
        }

        td {
            padding: 5px 10px;
            height: 35px;
        }

        .search-table-outter {
            overflow-x: scroll;
        }

        th, td {
            min-width: 200px;
        }
    </style>
{% endblock %}
{% block title %}
    Admin Settings
{% endblock %}
{% block body %}
    <div class="row">
        <div class="col-xs-12">
            <div class="widget">
                {{ form_start(form) }}
                <div class="form-group">
                    {{ form_label(form.name) }}
                    {{ form_widget(form.name) }}
                </div>
                <div class="form-group">
                    {{ form_label(form.email) }}
                    {{ form_widget(form.email) }}
                </div>
                <div class="form-group">
                    {{ form_label(form.websiteUrl) }}
                    {{ form_widget(form.websiteUrl) }}
                </div>
                <div class="form-group">
                    {{ form_label(form.websiteInventoryUrl) }}
                    {{ form_widget(form.websiteInventoryUrl) }}
                </div>
                <div class="form-group">
                    {{ form_label(form.address1) }}
                    {{ form_widget(form.address1) }}
                </div>
                <div class="form-group">
                    {{ form_label(form.address2) }}
                    {{ form_widget(form.address2) }}
                </div>
                <div class="form-group">
                    {{ form_label(form.city) }}
                    {{ form_widget(form.city) }}
                </div>
                <div class="form-group">
                    {{ form_label(form.state) }}
                    {{ form_widget(form.state) }}
                </div>
                <div class="form-group">
                    {{ form_label(form.zip) }}
                    {{ form_widget(form.zip) }}
                </div>
                <div class="form-group">
                    {{ form_label(form.phone) }}
                    {{ form_widget(form.phone) }}
                </div>
                <div class="form-group">
                    {{ form_label(form.imageFile) }}
                    {{ form_widget(form.imageFile) }}
                    {% if settings.image %}
                        <img src="{{ asset('images/uploads/dealer/' ~ settings.image) }}" alt="dealer logo"
                             style="max-width: 150px; max-height: 150px;"/>
                    {% endif %}
                </div>
            </div>
        </div>
        {{ form_end(form) }}
    </div>
{% endblock %}