{% extends "backend/base.html.twig" %}

{% block title %}Validation d'Abonné{% endblock %}

{% block breadcrumb %}
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">Détails d'un Abonné</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{#{{ path('admin.home') }}#}#">Accueil</a></li>
                        <li class="breadcrumb-item active">Détails d'un Abonné</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
{% endblock %}

{% block content %}

    <section class="content">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title"></h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="card-body col-md-8">

                        <div class="form-group row">
                            <label class="col-md-5" for="company-name">Nom de l'organisation: </label>
                            <input type="text" id="company-name" class="col-md-7 form-control" value="{{ company.name }}" disabled>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-5" for="unique-id">Unique ID: </label>
                            <input type="text" id="unique-id" class="col-md-7 form-control" value="{{ company.uniqueId }}" disabled>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-5" for="president-name">Nom du Président: </label>
                            <input type="text" id="president-name" class="col-md-7 form-control" value="{{ president.name }}" disabled>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-5" for="identification">Code d'identification (SIREN/RNA): </label>
                            <input type="text" id="identification" class="col-md-7 form-control" value="{{ company.identificationCode }}" disabled>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-5" for="gsm">N° GSM: </label>
                            <input type="text" id="gsm" class="col-md-7 form-control" value="{{ company.gsm }}" disabled>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-5" for="iban">IBAN: </label>
                            <input type="text" id="iban" class="col-md-7 form-control" value="{{ company.iban }}" disabled>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-5" for="address">Adresse: </label>
                            <input type="text" id="address" class="col-md-7 form-control" value="{{ company.address | replace({'|':' '}) }}" disabled>
                        </div>

                        <div class="form-group key-input">
                            {#{ form_row(form.doubleKeyRsa, {'attr': {'class': 'doublekey', 'rows': 10, 'readonly': 'readonly', 'data': key['encrypted_key'] }}) }#}
                            {#{ dump(form.doubleKeyRsa) }#}
                            <label for="doublekey">Biclé chiffré</label>
                            <textarea id="doublekey" name="doublekey" rows="10" class="form-control doublekey" readonly>
                                {{ company.doubleKeyRsa }}
                            </textarea>
                            <!-- The button used to copy the text -->
                            <button class="btn btn-primary" onclick="copyFunction()">Copier</button>
                            <br>
                            <label for="publickey">Clé publique</label>
                            <textarea id="publickey" name="publickey" rows="10" class="form-control publickey" readonly>
                                {{ company.publicKey }}
                            </textarea>
                        </div>

                        <div class="text-right">
                            {#<button class="btn btn-primary w-25"></button>#}
                            <a href="{{ path('backend.company.activecompany') }}" class="btn btn-danger w-25">Retour</a>
                        </div>

                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /.box -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->



    </section>
{% endblock %}

{% block javascripts %}
    <script>
        function copyFunction() {
            /* Get the text field */
            var copyText = document.getElementById("doublekey");

            /* Select the text field */
            copyText.select();
            copyText.setSelectionRange(0, 99999); /*For mobile devices*/

            /* Copy the text inside the text field */
            document.execCommand("copy");

            /* Alert the copied text */
            alert("Copié dans le presse-papiers");
        }
    </script>
{% endblock %}