{% extends 'base.webhosting.html.twig' %}
{% block title %}WINITUX|{{ 'lang.domainWebhosting'|trans }}{% endblock %}
{% block body %}
<div class="text-white">Your SessionId: {{ session_id }}</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8 mb-5">
{% if domains_in_cart|length >= 1 %}
{% for domain in domains_in_cart %}
<span class="badge text-bg-secondary">{{ domain.domainName }}.{{ domain.domainTld }}</span>
{% endfor %}
{% endif %}
<span class="badge text-bg-secondary" id="new_domain" style="display: none"></span>
{% if is_result %}
{% if result %}
<div class="mt-3"></div>
<div class="card p-4 border border-success mb-3" id="result_area">
<h4>
{{ domain_name }} - {{ 'lang.domainAvailable'|trans }}!
<span class="float-end">
<button class="btn btn-success rounded-5"
id="btn_0"
onclick="setDomainToCart('{{ domain_name }}', 0)">{{ 'lang.choose'|trans }}
</button>
</span>
</h4>
</div>
{% else %}
<div class="card p-4 border border-danger mb-3">
<h4><i class="fa-regular fa-circle-xmark"></i>
<span class="error-color">{{ domain_name }}</span>
- {{ 'lang.domainNotAvailable'|trans }}!</h4>
</div>
<div class="card p-4 border border-light mb-3">
<h4>{{ 'lang.alternatives'|trans }}</h4>
<div class="row">
{% for domain in additional_domains %}
<div class="col-md-6 mb-3">
<h5>
{{ domain }}
<span class="float-end">
<button class="btn btn-success rounded-5"
id="btn_{{ loop.index }}"
onclick="setDomainToCart('{{ domain }}', {{ loop.index }})">{{ 'lang.choose'|trans }}
</button>
</span>
</h5>
</div>
{% endfor %}
</div>
</div>
{% endif %}
<div id="output_domain"></div>
{# <div id="output_webhosting"></div>#}
{% endif %}
</div>
</div>
<form name="domain-check" method="post" action="{{ path('home_domains') }}">
<input type="hidden" name="_csrf_token" value="{{ csrf_token('checkDomain') }}">
<div class="row justify-content-center">
<div class="col-md-8">
{% if is_result %}
<h4 class="mx-3">Weitere Wunschdomain prüfen</h4>
{% else %}
<h4>Wunschdomain prüfen</h4>
{% endif %}
<div class="input-group mb-3">
<input type="text" class="form-control border border-primary rounded-end rounded-5"
name="domain"
placeholder="{{ 'lang.checkDomain'|trans }}"
aria-label="{{ 'lang.checkDomain'|trans }}" aria-describedby="domain" required>
<button type="submit"
class="btn btn-primary rounded-start rounded-5">{{ 'lang.check'|trans }}</button>
</div>
</div>
</div>
</form>
</div>
{% endblock %}
{% block javascripts %}
<script>
function setDomainToCart(domain, btnId) {
const button = $('#btn_' + btnId)
$('#output_domain').load('{{ path('app_cart_webhosting_new') }}?domain=' + encodeURIComponent(domain), function () {
button.prop('disabled', true)
$('#new_domain').text(domain).show()
})
}
</script>
{% endblock %}