{% extends desktop ? '@templates/Front/Shop/layout.html.twig' : '@templates/Mobile/Shop/layout.html.twig' %}
{% block title %} {{ 'app.ui.contact'|trans }} | Roviniete.ro {% endblock %}
{% block metatags %}
<meta name="description" content="Vrei sa afli mai multe despre serviciile oferite de Roviniete.ro sau ai intrebari la care iti putem raspunde? Contacteza-ne acum! "/>
{% endblock %}
{% block content %}
<header>
<input id="collapsibleMenu" value="1" hidden>
</header>
{% set oldValues = app.request.request %}
<div class=" card d-flex shadow customer-custom-card mb-4" {% if desktop %} style="margin-top: -26px;" {% endif %} id="contactCard">
{% if message is defined and message is not empty %}
<div class="mt-4 ui positive message transition">
<i class="close icon"></i>
<div class="header text-center">
<p> {{ 'app.ui.successfully_sent'|trans }}</p>
</div>
</div>
{% endif %}
<div class="card-body row">
<div class="col-sm mt-4" style="font-size: 1.1em;">
<h1>Contact</h1>
{#SCALA.RO#}
{% if isTicketing is defined and isTicketing == "true"%}
<div class="my-4">
{{'app.ui.services_supplied_by_ticketing'|trans}}
<ul>
<li> {{'app.ui.legal_headquarters'|trans}} <span class="text-primary">{{scala_address_ticketing}}</span></li>
<li> {{'app.ui.registered_commercial_register'|trans}} <span class="text-primary">{{trade_register_number_ticketing}}</span></li>
<li> {{'app.ui.unique_cif'|trans}} <span class="text-primary">{{cif_ticketing}}</span></li>
</ul>
</div>
<div class="mb-4">
<p class="mb-2 font-weight-bolder"> {{'app.ui.payments'|trans|upper}} {{'app.ui.lei'|trans|upper}}</p>
{{'app.ui.bank'|trans}} <span class="text-primary">{{scala_bank_ticketing}}</span><br>
{{'app.ui.bank_code'|trans}} <span class="text-primary">{{scala_bank_code_ticketing}}</span><br>
{{'app.ui.iban_code'|trans}} {{'app.ui.lei'|trans|upper}} <span class="text-primary">{{iban_account_lei_ticketing}}</span>
</div>
<div class="mb-4">
{{'app.ui.telephone'|trans}}/{{'app.ui.fax'|trans}}: <span class="text-primary">{{fax_contact_ticketing}}</span><br>
{{'app.ui.telephone'|trans}}: <span class="text-primary">{{ call_center_phone_contact_ticketing }}</span><br>
{{'app.ui.address'|trans}}: <span class="text-primary">{{ scala_address_ticketing }}</span><br>
{{'app.ui.programme'|trans}}: <span class="text-primary">{{'app.ui.programme_description'|trans}}</span><br>
</div>
<div class="mb-4">
{{'app.ui.entity_customers_use_account'|trans}}<br>
<span class="text-primary">{{treasury_ticketing}}</span> {{'app.ui.cluj_treasury'|trans}}
</div>
{% else %}
{#ROVINIETE.RO#}
<div class="my-4">
{{'app.ui.services_supplied_by'|trans}}
<ul>
<li> {{'app.ui.legal_headquarters'|trans}} <span class="text-primary">{{scala_address_contact}}</span></li>
<li> {{'app.ui.registered_commercial_register'|trans}} <span class="text-primary">{{trade_register_number}}</span></li>
<li> {{'app.ui.unique_cif'|trans}} <span class="text-primary">{{cif}}</span></li>
</ul>
</div>
<div class="mb-4">
<p class="mb-2 font-weight-bolder"> {{'app.ui.payments'|trans|upper}} {{'app.ui.lei'|trans|upper}}</p>
{{'app.ui.bank'|trans}} <span class="text-primary">{{scala_bank}}</span><br>
{{'app.ui.bank_code'|trans}} <span class="text-primary">{{scala_bank_code}}</span><br>
{{'app.ui.iban_code'|trans}} {{'app.ui.lei'|trans|upper}} <span class="text-primary">{{iban_account_lei}}</span>
</div>
<div class="mb-4">
<p class="mb-2 font-weight-bolder">{{'app.ui.payments'|trans|upper}} {{'app.ui.euro'|trans|upper}} </p>
{{'app.ui.bank'|trans}} <span class="text-primary">{{scala_bank_euro}}</span><br>
{{'app.ui.iban_code'|trans}} {{'app.ui.euro'|trans|upper}} <span class="text-primary">{{iban_account_euro}}</span><br>
{{'app.ui.swift_code'|trans|upper}} <span class="text-primary">{{swift_code}}</span>
</div>
<div class="mb-4">
{{'app.ui.telephone'|trans}}/{{'app.ui.fax'|trans}}: <span class="text-primary">{{fax_contact}}</span><br>
{{'app.ui.telephone'|trans}}: <span class="text-primary">{{call_center_phone_contact}}</span><br>
{{'app.ui.address'|trans}}: <span class="text-primary">{{scala_address_contact}}</span><br>
{{'app.ui.programme'|trans}}: <span class="text-primary">{{'app.ui.programme_description'|trans}}</span><br>
</div>
<div class="mb-4">
{{'app.ui.entity_customers_use_account'|trans}}<br>
<span class="text-primary">{{treasury}}</span> {{'app.ui.cluj_treasury'|trans}}
</div>
{% endif %}
</div>
<div class="col-sm ">
<h1 class="my-4">{{'app.ui.send_a_message'|trans}}</h1>
<form id="contactForm">
<div class="mb-4">
<label for="contactPerson" id="contactPersonLabel" class=" vignette-custom-label d-none">{{'app.ui.name_surname'|trans}}</label>
<input placeholder="{{'app.ui.name_surname'|trans}}" type="text" id="contactPerson" name="contactPerson" class="form-control form-control-custom input-contact-without-label"
{% if oldValues.get('contactPerson') %} value="{{ oldValues.get('contactPerson') }}" {% endif %}>
</div>
<div class="mb-4">
<label for="contactPhone" id="contactPhoneLabel" class=" vignette-custom-label d-none">{{'app.ui.telephone'|trans}}</label>
<input placeholder="{{'app.ui.telephone'|trans}}" type="text" id="contactPhone" name="contactPhone" class="form-control form-control-custom input-contact-without-label"
{% if oldValues.get('contactPhone') %} value="{{ oldValues.get('contactPhone') }}" {% endif %}>
</div>
<div class="mb-4">
<label for="contactEmail" id="contactEmailLabel" class=" vignette-custom-label d-none">{{'app.ui.email'|trans}}</label>
<input placeholder="{{'app.ui.email'|trans}}" type="text" id="contactEmail" name="contactEmail" class="form-control form-control-custom input-contact-without-label"
{% if oldValues.get('contactEmail') %} value="{{ oldValues.get('contactEmail') }}" {% endif %}>
</div>
<div class="form-group mb-4">
<label for="contactMessage" class="d-none">{{'app.ui.message'|trans}}</label>
<textarea placeholder="{{'app.ui.message'|trans}}" class="form-control form-control-custom" id="contactMessage" name="contactMessage" rows="8"></textarea>
</div>
<div class="custom-control custom-checkbox mb-4">
<input type="checkbox" name="dataPolicyAgreement" id="dataPolicyAgreement" class="custom-control-input"
{% if oldValues.get('dataPolicyAgreement') %} checked {% endif %}>
<label for="dataPolicyAgreement" class="custom-control-label">
<a class="text-dark" style="letter-spacing: 0.01em;">{{ 'app.ui.data_agreement'|trans}}</a>
</label>
</div>
<div class="mb-4">
<button id="btnSubmitContact" class="btn btn-primary w-100" style="height: 40px"><a>{{'app.ui.send_message'|trans}}</a></button>
</div>
</form>
</div>
</div>
<div class="my-3 h_iframe" align="center">
<h1 class="mb-3">{{ 'app.ui.headquarters_map'|trans }}</h1>
<iframe frameborder="0" scrolling="no" src="https://maps.google.ro/maps?q=scala+assistance+srl&hl=ro&view=map&cid=14239746513644046868&t=m&ie=UTF8&ll=46.783708,23.590028&spn=0.008169,0.026157&iwloc=A&output=embed"></iframe><br /> <small><a href="http://maps.google.ro/maps?q=scala+assistance+srl&hl=ro&view=map&cid=14239746513644046868&t=m&ie=UTF8&ll=46.783708,23.590028&spn=0.008169,0.026157&iwloc=A&source=embed" style="color:#EA6B2C;text-align:left">{{'app.ui.view_map'|trans}}</a></small>
{% if isTicketing is defined and isTicketing == "true"%}
{% else %}
<p>{{'app.ui.consult_list_locations'|trans}} <a class="text-primary" target="_blank" href="{{ asset('pdf/puncte-de-lucru.pdf') }}">{{'app.ui.here'|trans|upper}}</a>!</p>
{% endif %}
</div>
</div>
<script>
let locale = '{{ app.request.getLocale() }}';
</script>
{% endblock %}