{% extends "layouts/base.twig" %}

{% block title %}{{ translations.franchise }}{% endblock %}

{% block page_heading %}
    <div class="page-heading">
        <h3>{{ translations.franchise }}</h3>
        <p class="text-subtitle text-muted">{{ translations.franchise_subtitle }}</p>
    </div>
{% endblock %}

{% block content %}

    <div class="card mb-4">
        <div class="card-header">
            <h4 class="card-title">{{ translations.add_franchisee }}</h4>
        </div>

        <div class="card-body">
            <form class="form form-horizontal" method="POST">
                <div class="form-body">
                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5 mx-2">
                            <div class="row">

                                <div class="col-md-4">
                                    <label>{{ translations.representative_name }}</label>
                                </div>
                                <div class="col-md-8 form-group">
                                    <input type="text" id="representative_name" class="form-control"
                                           name="representative_name"
                                           value="{{ old('representative_name') }}"
                                           placeholder="{{ translations.representative_name }}">
                                </div>

                                <div class="col-md-4">
                                    <label>{{ translations.name }}</label>
                                </div>
                                <div class="col-md-8 form-group">
                                    <input type="text" id="name" class="form-control"
                                           name="name"
                                           value="{{ old('name') }}"
                                           placeholder="{{ translations.name }}">
                                </div>

                                <div class="col-md-4">
                                    <label>{{ translations.email }}</label>
                                </div>
                                <div class="col-md-8 form-group">
                                    <input type="text" id="email" class="form-control"
                                           name="email"
                                           value="{{ old('email') }}"
                                           placeholder="{{ translations.email }}">
                                </div>

                                <div class="col-md-4">
                                    <label>{{ translations.phone }}</label>
                                </div>
                                <div class="col-md-8 form-group">
                                    <input type="text" id="phone" class="form-control"
                                           name="phone"
                                           value="{{ old('phone') }}"
                                           placeholder="{{ translations.phone }}">
                                </div>

                                <div class="col-md-4">
                                    <label>{{ translations.opening_hours }}</label>
                                </div>
                                <div class="col-md-4 form-group">
                                    <input type="time" id="opening_hours" class="form-control"
                                           name="opening_hours"
                                           value="{{ old('opening_hours') }}">
                                </div>
                                <div class="col-md-4 form-group"></div>

                                <div class="col-md-4">
                                    <label>{{ translations.closing_hours }}</label>
                                </div>
                                <div class="col-md-4 form-group">
                                    <input type="time" id="closing_hours" class="form-control"
                                           name="closing_hours"
                                           value="{{ old('closing_hours') }}">
                                </div>
                                <div class="col-md-4 form-group"></div>


                                <div class="col-md-4">
                                    <label>{{ translations.bank_account_number }}</label>
                                </div>
                                <div class="col-md-8 form-group">
                                    <input type="text" id="bank_account_number" class="form-control"
                                           name="bank_account_number"
                                           value="{{ old('bank_account_number') }}"
                                           placeholder="{{ translations.bank_account_number }}">
                                </div>
                                <div class="col-md-4">
                                    <label>{{ translations.bank_name }}</label>
                                </div>
                                <div class="col-md-8 form-group">
                                    <input type="text" id="bank_name" class="form-control"
                                           name="bank_name"
                                           value="{{ old('bank_name') }}"
                                           placeholder="{{ translations.bank_name }}">
                                </div>
                                <div class="col-md-4">
                                    <label>{{ translations.bank_swift }}</label>
                                </div>
                                <div class="col-md-8 form-group">
                                    <input type="text" id="bank_swift" class="form-control"
                                           name="bank_swift"
                                           value="{{ old('bank_swift') }}"
                                           placeholder="{{ translations.bank_swift }}">
                                </div>
                                <div class="col-md-4">
                                    <label>{{ translations.bank_iban }}</label>
                                </div>
                                <div class="col-md-8 form-group">
                                    <input type="text" id="bank_iban" class="form-control"
                                           name="bank_iban"
                                           value="{{ old('bank_iban') }}"
                                           placeholder="{{ translations.bank_iban }}">
                                </div>
                            </div>
                        </div>
                        <div class="col-5 mx-2">
                            <div class="row">

                                <div class="col-md-4">
                                    <label>{{ translations.street }}</label>
                                </div>
                                <div class="col-md-8 form-group">
                                    <input type="text" id="street" class="form-control"
                                           name="street"
                                           value="{{ old('street') }}"
                                           placeholder="{{ translations.street }}">
                                </div>

                                <div class="col-md-4">
                                    <label>{{ translations.street_num }}</label>
                                </div>
                                <div class="col-md-8 form-group">
                                    <input type="text" id="street_num" class="form-control"
                                           name="street_num"
                                           value="{{ old('street_num') }}"
                                           placeholder="{{ translations.street_num }}">
                                </div>

                                <div class="col-md-4">
                                    <label>{{ translations.city }}</label>
                                </div>
                                <div class="col-md-8 form-group">
                                    <input type="text" id="city" class="form-control"
                                           name="city"
                                           value="{{ old('city', row.getCity()) }}"
                                           placeholder="{{ translations.city }}">
                                </div>

                                <div class="col-md-4">
                                    <label>{{ translations.zip }}</label>
                                </div>
                                <div class="col-md-8 form-group">
                                    <input type="text" id="zip" class="form-control"
                                           name="zip"
                                           value="{{ old('zip', row.getZip()) }}"
                                           placeholder="{{ translations.zip }}">
                                </div>


                                <div class="col-md-4 mt-5">
                                    <label>{{ translations.tax_number }}</label>
                                </div>
                                <div class="col-md-2 form-group mt-5">
                                    <input type="text" id="vat_number_prefixe" class="form-control"
                                           name="tax_number_prefixe"
                                           value="{{ old('tax_number_prefixe') }}"
                                           placeholder="BE" required>
                                </div>
                                <div class="col-md-6 form-group mt-5">
                                    <input type="text" id="tax_number" class="form-control"
                                           name="tax_number"
                                           value="{{ old('tax_number') }}"
                                           placeholder="123456789" required>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="row mt-4">
                        <div class="col-2"></div>
                        <div class="col-8">
                            <button class="btn btn-warning float-start"
                                    type="submit">{{ translations.save }}</button>
                            <a href="{{ root }}/shops" role="button"
                               class="btn btn-secondary float-end">{{ translations.back }}</a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

{% endblock %}