{% extends 'admin.html.twig' %}

{% block preloader %}{% endblock %}

{% block title %}Enviar Credenciales del Hosting{% endblock %}

{% block body %}

<div class="container pb-5">

    <h2 class="my-4 text-primary">
        Enviar Credenciales del Hosting
    </h2>


{{ form_start(form) }}

{{ form_row(form._token) }}

    <div class="row">

        <div class="mb-3 col-md-6">
            <div class="row">

            <div class="col-md-12 mb-3">
                <div class="card">

                    <div class="tab-area card-header bg-dark">
                        <ul class="nav nav-pills nav-tabs nav-fill card-header-tabs">

                            <li class="nav-item mr-3">
                                <a role="tab" class="nav-link" href="#formulario-area">
                                    <i class="fas fa-mail-bulk" aria-hidden="true"></i>
                                    Envio
                                </a>
                            </li>
                        </ul>
                    </div>

<div class="card-body tab-content" id="formulario-area">

        <div class="form-group">
            <strong>{{ form_label(form.username, 'Usuario') }}</strong>
            {{ form_widget(form.username, {'attr': {'class': 'reemplazar-usuario'} }) }}
            {{ form_errors(form.username) }}
        </div>

        <div class="form-group">
            <strong>{{ form_label(form.password, 'Contraseña') }}</strong>
            {{ form_widget(form.password, {'attr': {'class': 'reemplazar-contrasena'} }) }}
            {{ form_errors(form.password) }}
        </div>

        <div class="form-group">
            <strong>{{ form_label(form.dominio) }}</strong>
            {{ form_widget(form.dominio, {'attr': {'class': 'reemplazar-dominio'} }) }}
            {{ form_errors(form.dominio) }}
        </div>

        <div class="form-group">
            <strong>{{ form_label(form.ipTemp, 'IP Temporal') }}</strong>
            {{ form_widget(form.ipTemp, {'attr': {'class': 'reemplazar-ip'} }) }}
            {{ form_errors(form.ipTemp) }}
        </div>


<div class="card my-4">

    <div class="card-header bg-light text-center">
        <strong>Acceso Panel de Control</strong> <i class="fas fa-solar-panel fa-lg"></i>
    </div>

    <ul class="list-group list-group-flush">
        <li class="list-group-item" >

            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>URL</strong></div>
                <div class="col-sm-8">http://cpanel.<span class="reemplazar-dominio"></span></div>
            </div>
            <hr/>

            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>URL Temporal</strong></div>
                <div class="col-sm-8">http://cpanel.<span class="reemplazar-ip"></span></div>
            </div>
            <hr/>

            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>Usuario</strong></div>
                <div class="col-sm-8"><span class="reemplazar-usuario"></span></div>
            </div>
            <hr/>

            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>Contraseña</strong></div>
                <div class="col-sm-8"><span class="reemplazar-contrasena"></span></div>
            </div>

        </li>
    </ul>
</div>


<div class="card my-4">

    <div class="card-header bg-light text-center">
        <strong>Acceso FTP</strong> <i class="fas fa-angle-double-right fa-lg"></i>
    </div>

    <ul class="list-group list-group-flush">
        <li class="list-group-item" >

            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>Host</strong></div>
                <div class="col-sm-8"><span class="reemplazar-ip"></span></div>
            </div>
            <hr/>

            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>Dominio</strong></div>
                <div class="col-sm-8"><span class="reemplazar-dominio"></span></div>
            </div>
            <hr/>

            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>Usuario</strong></div>
                <div class="col-sm-8"><span class="reemplazar-usuario"></span></div>
            </div>
            <hr/>

            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>Contraseña</strong></div>
                <div class="col-sm-8"><span class="reemplazar-contrasena"></span></div>
            </div>

        </li>
    </ul>
</div>


<div class="card my-4">

    <div class="card-header bg-light text-center">
        <strong>Acceso Email</strong> <i class="fas fa-at fa-lg"></i>
    </div>

    <ul class="list-group list-group-flush">
        <li class="list-group-item" >

            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>Servidor POP3</strong></div>
                <div class="col-sm-8">mail.<span class="reemplazar-dominio"></span></div>
            </div>
            <hr/>

            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>Servidor SMTP</strong></div>
                <div class="col-sm-8">mail.<span class="reemplazar-dominio"></span></div>
            </div>
            <hr/>

            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>Casilla inicial</strong></div>
                <div class="col-sm-8"><span class="reemplazar-usuario"></span>@<span class="reemplazar-dominio"></span></div>
            </div>
            <hr/>

            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>Usuario</strong></div>
                <div class="col-sm-8"><span class="reemplazar-usuario"></span></div>
            </div>
            <hr/>

            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>Contraseña</strong></div>
                <div class="col-sm-8"><span class="reemplazar-contrasena"></span></div>
            </div>

        </li>
    </ul>
</div>


<div class="card my-4">

    <div class="card-header bg-light text-center">
        <strong>Acceso WebEmail</strong> <i class="fas fa-envelope-square fa-lg"></i>
    </div>

    <ul class="list-group list-group-flush">
        <li class="list-group-item" >

            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>URL</strong></div>
                <div class="col-sm-8">webmail.<span class="reemplazar-dominio"></span></div>
            </div>
            <hr/>


            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>Casilla</strong></div>
                <div class="col-sm-8">usuario@<span class="reemplazar-dominio"></span></div>
            </div>
            <hr/>

            <div class="d-flex">
                <div class="col-sm-4 text-right"><strong>Contraseña</strong></div>
                <div class="col-sm-8">Asignada por usted</div>
            </div>

        </li>
    </ul>
</div>


<div class="card my-4">

    <div class="card-header bg-light text-center">
        <strong>DNS</strong> <i class="fas fa-atlas fa-lg"></i>
    </div>

    <ul class="list-group list-group-flush">

    {% for aDns in dns %}

        <li class="list-group-item" >
            <div class="d-flex">
                <div class="col-sm-6"><strong>{{ aDns.dominio }}</strong></div>
                <div class="col-sm-6">{{ aDns.ip }}</div>
            </div>
        </li>

    {% endfor %}

    </ul>
</div>



</div><!--Fin area Card-Body-->

</div><!--Fin area Card-->

</div><!--Fin Colm-12-->
</div><!--Fin Row-->

</div><!--Fin Colm-6-->


<div class="mb-3 col-md-6">
    <div class="row">

        <div class="col-md-12 mb-3">
            <div class="card">

                <div class="tab-area card-header bg-dark">
                    <ul class="nav nav-pills nav-tabs nav-fill card-header-tabs">

                        <li class="nav-item mr-3">
                            <a data-toggle="list" role="tab" class="nav-link active" href="#hosting-area">
                                <i class="fas fa-hdd" aria-hidden="true"></i>
                                Hosting
                            </a>
                        </li>
                        <li class="nav-item mr-3">
                            <a data-toggle="list" class="nav-link" href="#usuario-area">
                                <i class="fas fa-user" aria-hidden="true"></i> Usuario
                            </a>
                        </li>
                    </ul>
                </div>


<div class="card-body tab-content">

<div class="tab-pane fade show active" id="hosting-area" role="tabpanel">

    <div class="mb-4">
        <div class="card">

            <div class="card-header bg-light text-center">
                <strong><i class="fas fa-hdd" aria-hidden="true"></i> Hosting #{{ hosting.id }}</strong>
            </div>

            <ul class="list-group list-group-flush">
                <li class="list-group-item" >

                    <div class="d-flex justify-content-between">
                        <div>
                            <strong>Plan</strong>
                        </div>
                        <div class="text-primary">
                            {{ hosting.plan }}
                        </div>
                    </div>
                    <hr/>

                    <div class="d-flex justify-content-between">
                        <div>
                            <strong>Dominio a usar</strong>
                        </div>
                        <div class="text-primary">
                            {{ hosting.detalleA }}
                        </div>
                    </div>
                    <hr/>

                    <div class="d-flex justify-content-between">
                        <div>
                            <strong>Estatus</strong>
                        </div>
                        <div class="text-primary">
                            {% include 'all/hosting/_estatus.html.twig' with {'estatus':hosting.estatus} %}
                        </div>
                    </div>
                    <hr/>
                </li>


                <li class="list-group-item">
                    <h5 class="card-title text-primary text-d">Orden Vigente</h5>
                    <hr/>

                    <div class="d-flex justify-content-between">
                        <div>
                            <strong>Correlativo</strong>
                        </div>
                        <div class="text-primary">
                            <a class="not-decoration" href="{{ path('orden_ver_admin', {'id': hosting.ordA}) }}" title="Ver">
                                {{ hosting.correlativoA }}
                                <i class="fas fa-eye fa-lg"></i>
                            </a>
                        </div>
                    </div>
                    <hr/>

                    <div class="d-flex justify-content-between">
                        <div>
                            <strong>Periodo</strong>
                        </div>
                        <div class="text-primary">
                            {{ hosting.inicioA|date("d/m/Y") }} al {{ hosting.finA|date("d/m/Y") }}
                        </div>
                    </div>

                </li>

            {% if hosting.correlativoU is not empty %}

                <li class="list-group-item">
                    <h5 class="card-title text-primary text-d">Ultima Orden</h5>
                    <hr/>

                    <div class="d-flex justify-content-between">
                        <div>
                            <strong>Correlativo</strong>
                        </div>
                        <div class="text-primary">
                            <a class="not-decoration" href="{{ path('orden_ver_admin', {'id': hosting.ordU}) }}" title="Ver">
                                {{ hosting.correlativoU }}
                                <i class="fas fa-eye fa-lg"></i>
                            </a>
                        </div>
                    </div>
                    <hr/>

                {% if hosting.inicioU is not empty %}
                    <div class="d-flex justify-content-between">
                        <div>
                            <strong>Periodo</strong>
                        </div>
                        <div class="text-primary">
                            {{ hosting.inicioU|date("d/m/Y") }} al {{ hosting.finU|date("d/m/Y") }}
                        </div>
                    </div>
                    <hr/>
                {% endif %}

                    <div class="d-flex justify-content-between">
                        <div>
                            <strong>Fecha Solicitud</strong>
                        </div>
                        <div class="text-primary">
                            {{ hosting.creadoU|date('d/m/Y') }}
                        </div>
                    </div>
                    <hr/>

                    <div class="d-flex justify-content-between">
                        <div>
                            <strong>Estatus</strong>
                        </div>
                        <div class="text-primary">
                            {% include 'all/orden/_estatusOH.html.twig' with {'estatus':hosting.estatusU} %}
                        </div>
                    </div>

                </li>
            {% endif %}

            </ul>

        </div>
    </div>

</div>

<div class="tab-pane fade" id="usuario-area" role="tabpanel">

    <div class="d-flex justify-content-between">
        <div>
            <strong>Usuario</strong>
        </div>
        <div class="text-primary">
            {{ hosting.username }}
        </div>
    </div>
    <hr/>
    <div class="d-flex justify-content-between">
        <div>
            <strong>Correo</strong>
        </div>
        <div class="text-primary">
            {{ hosting.email }}
        </div>
    </div>
    <hr/>
    <div class="d-flex justify-content-between">
        <div>
            <strong>Cliente</strong>
        </div>
        <div class="text-primary">
            {{ hosting.persona }}
        </div>
    </div>
    <hr/>
    <div class="d-flex justify-content-between">
        <div>
            <strong>Estatus</strong>
        </div>
        <div class="text-primary">
            {% include 'all/usuario/_estatus.html.twig' with {'estatus':hosting.estatusUsuario} %}
        </div>
    </div>
    
</div>


    </div><!--Fin Card Body -->
    </div><!--Fin Card -->

    </div><!--Fin Colm 12 -->

    <div class="col-md-12">
        <button id="boton-enviar-credencial" class="btn btn-primary btn-lg btn-block" type="submit">Enviar</button>
    </div>


    </div><!--Fin Row -->
    </div><!--Fin 6 -->

</div><!--Fin Row Total -->

    {{ form_end(form) }}

</div><!--Fin Container Total -->

{% endblock %}

{% block javascripts %}
    <script src={{ asset('build/js/hosting-credencial-enviar.js') }}></script>
{% endblock %}