{% extends '@Core/base.html.twig' %}
{% block sectionTitle %}Acerca de ...{% endblock %}

{% block breadcrumbLinks %}



{% endblock %}
{% block pagetitle %}ClacClac{% endblock %}

{% block content %}

    <div class="content">

        <!-- Info blocks -->
        <div class="row">
            <div class="col-md-12">
                <div class="panel">
                    <div class="panel-body text-center">
                        <br>
                        <div class="icon-objecttext-success"><img src="http://clacclac.cloud/assets/images/clacclac_dark.png" alt="" width="200px"></div>
                        <br>
                        <h5 class="text-semibold">ClacClac Technologies S.L.</h5>
                        <a href="http://clacclac.com" class="btn bg-success-400" target="_blank">Nuestra web</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Info blocks -->
        <div class="row">
            <div class="col-md-6">
                <div class="panel">
                    <div class="panel-body text-center">
                        <div class="icon-object border-success-400 text-success"><i class="icon-phone"></i></div>
                        <h5 class="text-semibold">Atención al cliente</h5>
                        <p class="mb-15">Nuestro teléfono de atención al cliente </p>
                        <h1>680 26 68 56  - 679 13 05 70</h1>
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="panel">
                    <div class="panel-body text-center">
                        <div class="icon-object border-warning-400 text-warning"><i class="icon-lifebuoy"></i></div>
                        <h5 class="text-semibold">Email de contacto</h5>
                        <p class="mb-15">Nuestro email de contacto es</p>
                        <h1>hello@clacclac.com</h1>
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="panel">
                    <div class="panel-body text-center">
                        <div class="icon-object border-blue text-blue"><i class="icon-reading"></i></div>
                        <h5 class="text-semibold">Blog</h5>
                        <p class="mb-15">Consulte todas las novedades en nuestro blog</p>
                        <a onclick="window.open('http://clacclac.blog')" class="btn bg-blue">Abrir Blog</a>
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="panel">
                    <div class="panel-body text-center">
                        <div class="icon-object border-purple text-purple"><i class="icon-download"></i></div>
                        <h5 class="text-semibold">Asistencia Técnica</h5>
                        <p class="mb-15">Descargue este fichero para acceso con control remoto a su equipo</p>
                        <a href="/uploads/ladme-clacclac.exe" class="btn bg-purple">Descargar Windows</a>
                        <a href="/uploads/ladme-clacclac.dmg" class="btn bg-purple">Descargar Mac OX</a>
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="panel">
                    <div class="panel-body text-center">
                        <div class="icon-object border-danger text-danger"><i class="icon-folder-download"></i></div>
                        <h5 class="text-semibold">TPV Offline</h5>
                        <p class="mb-15">Descargue este fichero para obtener el TPV offline en su equipo</p>
                        <a href="{{ path('downloadTPVOffline') }}" class="btn bg-danger">Descargar</a>
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="panel">
                    <div class="panel-body text-center">
                        <div class="icon-object border-orange text-orange"><i class="glyphicon glyphicon-download-alt"></i></div>
                        <h5 class="text-semibold">Control remoto</h5>
                        <p class="mb-15">Descargue este fichero para obtener el programa de control remoto a su equipo</p>
                        <a href="http://clacclac.cloud/uploads/clac-clac.exe" target="_blank" class="btn bg-orange">Descargar Windows</a>
                        <a href="https://get.teamviewer.com/clacclac" target="_blank" class="btn bg-orange">Descargar Mac OX</a>
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="panel">
                    <div class="panel-body text-center">
                        <div class="icon-object border-teal text-teal"><i class="glyphicon glyphicon-qrcode"></i></div>
                        <h5 class="text-semibold">TicketBAI</h5>
                        <p class="mb-15">Denominación social: CLACCLAC TECHNOLOGIES S.L</p>
                        <p class="mb-15">CIF: B23777758</p>
                        <p class="mb-15">Nombre comercial: CLAC CLAC</p>
                        <p class="mb-15">Versión: {{ app_version }}</p>
                    </div>
                </div>
            </div>

        </div>
        <!-- /info blocks -->


    </div>

{% endblock%}