{% extends "layouts/base.twig" %}
{% block title %}{{ translations.add_new_supplier }}{% endblock %}
{% block page_heading %}
    <div class="page-heading">
        <h3>{{ translations.supplier }}</h3>
    </div>
{% endblock %}
{% block content %}
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">{{ translations.add_new_supplier }}</h4>
        </div>
        <div class="card-content">
            <div class="card-body px-3 py-4-5">
                {% if information is defined and information|length > 0 %}
                    {% for inf in information %}
                        <div class="row">
                            <div class="col-4"></div>
                            <div class="col-4">
                                <div class="alert alert-info text-center" role="alert">{{ inf }}</div>
                            </div>
                        </div>
                    {% endfor %}
                {% endif %}
                {% if messages is defined and messages|length > 0 %}
                    <div class="row">
                        <div class="col-4"></div>
                        <div class="col-4">
                            <div class="alert alert-success text-center" role="alert">{{ messages|join('<br>')|raw }}</div>
                        </div>
                    </div>
                {% endif %}
                {% if warnings is defined and warnings|length > 0 %}
                    <div class="row">
                        <div class="col-4"></div>
                        <div class="col-4">
                            <div class="alert alert-warning text-center" role="alert">{{ warnings|join('<br>')|raw }}</div>
                        </div>
                    </div>
                {% endif %}
                {% if errors is defined and errors|length > 0 %}
                    {% for error in errors %}
                        <div class="row">
                            <div class="col-4"></div>
                            <div class="col-4">
                                <div class="alert alert-danger text-center" role="alert">{{ error }}</div>
                            </div>
                        </div>
                    {% endfor %}
                    <div class="row mt-4">
                        <div class="col-12 text-center">
                            <a href="{{ root }}/material-suppliers" role="button" class="btn btn-secondary">{{ translations.back }}</a>
                        </div>
                    </div>
                {% else %}
                    <form method="POST">
                        <div class="row">
                            <div class="col-1"></div>
                            <div class="col-10">
                                <div class="row mt-5">
                                    <div class="col-6">
                                        <div class="row">
                                            <div class="col-4">
                                                <label>{{ translations.name }}</label>
                                            </div>
                                            <div class="col-8 form-group">
                                                <input type="text" id="name" class="form-control"
                                                       name="name"
                                                       placeholder="{{ translations.name }}"
                                                       value="{{ old.name|default('') }}">
                                            </div>
                                            <div class="col-4">
                                                <label>{{ translations.supplier_type }}</label>
                                            </div>
                                            <div class="col-8 form-group">
                                                <select class="form-select" name="id_type" id="id_type">
                                                    {% if supplier_types is defined and supplier_types|length > 0 %}
                                                        {% for supplier_type in supplier_types %}
                                                            <option value="{{ supplier_type.getId() }}"
                                                                {% if old.id_type is defined and old.id_type == supplier_type.getId() %}selected{% endif %}>
                                                                {{ supplier_type.getName() }}
                                                            </option>
                                                        {% endfor %}
                                                    {% endif %}
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-1"></div>
                                    <div class="col-5">
                                        <div class="row">
                                            <div class="col-4">
                                                <label>{{ translations.tax_number }}</label>
                                            </div>
                                            <div class="col-8 form-group">
                                                <input type="text" id="tax_number" class="form-control"
                                                       name="tax_number"
                                                       placeholder="{{ translations.tax_number }}"
                                                       value="{{ old.tax_number|default('') }}">
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-4">
                                                <label>{{ translations.country }}</label>
                                            </div>
                                            <div class="col-8 form-group">
                                                <select class="form-select" name="country_code" id="country_code">
                                                    {% if countries is defined and countries|length > 0 %}
                                                        {% for country in countries %}
                                                            <option value="{{ country.getCountryCode() }}"
                                                                {% if old.country_code is defined and old.country_code == country.getCountryCode() %}selected{% endif %}>
                                                                {{ country.getName() }}
                                                            </option>
                                                        {% endfor %}
                                                    {% endif %}
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-5">
                                    <div class="col-6">
                                        <div class="row">
                                            <div class="col-4">
                                                <label>{{ translations.street }}</label>
                                            </div>
                                            <div class="col-8 form-group">
                                                <input type="text" id="street" class="form-control"
                                                       name="street"
                                                       placeholder="{{ translations.street }}"
                                                       value="{{ old.street|default('') }}">
                                            </div>
                                            <div class="col-4">
                                                <label>{{ translations.street_number }}</label>
                                            </div>
                                            <div class="col-8 form-group">
                                                <input type="text" id="street_number" class="form-control"
                                                       name="street_number"
                                                       placeholder="{{ translations.street_number }}"
                                                       value="{{ old.street_number|default('') }}">
                                            </div>
                                            <div class="col-4">
                                                <label>{{ translations.city }}</label>
                                            </div>
                                            <div class="col-8 form-group">
                                                <input type="text" id="city" class="form-control"
                                                       name="city"
                                                       placeholder="{{ translations.city }}"
                                                       value="{{ old.city|default('') }}">
                                            </div>
                                            <div class="col-4">
                                                <label>{{ translations.zip }}</label>
                                            </div>
                                            <div class="col-8 form-group">
                                                <input type="text" id="zip" class="form-control"
                                                       name="zip"
                                                       placeholder="{{ translations.zip }}"
                                                       value="{{ old.zip|default('') }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-1"></div>
                                    <div class="col-5">
                                        <div class="row">
                                            <div class="col-4">
                                                <label>{{ translations.phone }}</label>
                                            </div>
                                            <div class="col-8 form-group">
                                                <input type="text" id="phone" class="form-control"
                                                       name="phone"
                                                       placeholder="{{ translations.phone }}"
                                                       value="{{ old.phone|default('') }}">
                                            </div>
                                            <div class="col-4">
                                                <label>{{ translations.email }}</label>
                                            </div>
                                            <div class="col-8 form-group">
                                                <input type="text" id="email" class="form-control"
                                                       name="email"
                                                       placeholder="{{ translations.email }}"
                                                       value="{{ old.email|default('') }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-5">
                                    <div class="col-12">
                                        <div class="form-check form-switch">
                                            <input class="form-check-input" type="checkbox"
                                                   name="integrated_supplier" id="integrated_supplier"
                                                   value="1"
                                                   {% if old.integrated_supplier is defined and old.integrated_supplier == 1 %}checked{% endif %}>
                                            <label class="form-check-label" for="integrated_supplier">
                                                {{ translations.integrated_supplier }}
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-4">
                                    <div class="col-6">
                                        <button class="btn btn-success">{{ translations.add }}</button>
                                    </div>
                                    <div class="col-6">
                                        <a href="{{ root }}/material-suppliers" role="button"
                                           class="btn btn-secondary float-end">{{ translations.back }}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}