{% extends 'base.html.twig' %}
{% block body_id 'welcomeadmin' %}
    {% block title %}{{ "Managment_pannel"|trans }}{% endblock %}

    {% block stylesheets %}
        {{ parent() }}
        <link rel="stylesheet" href="{{ asset('static/css/welcome.css?v=20191230') }}">

    {% endblock %}
    {% block c4rg0_menuleft %}
    {% endblock %} 
    {% block modal %}
        
        <div class="md-modal md-effect-5 md-blue colorize-overlay" id="id-log3dlab-dlg" data-vol="0">
            <div class="md-content">
                <div class="row">
                    <!-- /col 6 -->
                    <section class="tile transparent">
                        <!-- tile widget -->
                        <div class="tile-widget color transparent-black rounded-top-corners">
                            <!-- /tile body -->
                            <div class="tile-body nopadding log-table">
                            <table class="table table-datatable table-custom tabella-congruita no-row-select" id="id-tabella-pesata">
                                <!--end - Advanced table TOP-->
                                <thead>
                                    <tr class="text-left">
                                        <th style="color: white;"><h3>{{ 'Operator'|trans }}</h3></th>
                                        <th style="color: white;"><h3>{{ 'Operation'|trans }}</h3></th>
                                        <th style="color: white;"><h3>{{ 'AWB'|trans }}</h3></th>
                                        <th style="color: white; min-width: 10vw;"><h3>{{ 'Date'|trans }}</h3></th>
                                        <th style="color: white;"><h3>{{ 'Ip'|trans }}</h3></th>
                                        <th style="color: white;"><h3>{{ 'Agent'|trans }}</h3></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for log in log3dlab %}                                                               
                                        <tr class="row-identify-detail">
                                            <td class="text-left identify-detail" title="{{ 'Log 3DLab'|trans }}"><h4>{{ log.nome }} {{ log.cognome }}</h4></td>
                                            <td class="text-left"><h4>{{ log.termine }}</h4></td>
                                            <td class="text-left"><h4>{{ log.AWB }}</h4></td>
                                            <td class="text-left"><h4>{{ log.aDataIns|date('d/m/Y H:i') }}</h4></td>
                                            <td class="text-left"><h4>{{ log.aIp }}</h4></td>
                                            <td class="text-left"><h4>{{ log.aAgent }}</h4></td>
                                        </tr>
                                    {% endfor %}  
                                </tbody>
                            </table>





                            </div>
                            <!-- tile footer -->
                            <div class="tile-footer rounded-bottom-corners text-right">
                                <a class="submit font-slab submit-cancell" href="javascript: chiudi_log3dlab();"><strong>{{ 'Cancel'|trans }}<i class="fa fa-close"></i></strong></a>
                            </div>
                        </div>
                        <!-- /tile footer -->
                    </section>
                </div>
            </div>
        </div>
        <div class="md-modal md-effect-5 md-blue colorize-overlay" id="id-msg-dlg">
            <div class="md-content">
                <div class="row">
                    <!-- /col 6 -->
                    <section class="tile transparent mail-note">
                        <!-- tile widget -->
                        <div class="tile-widget color transparent-black rounded-top-corners">

                            <!-- /tile body -->
                            <div class="tile-body nopadding">
                                <div class="dlg-message" id="dlg-message"></div>
                            </div>
                            <!-- tile footer -->
                            <div class="tile-footer rounded-bottom-corners text-right">
                                <a id="dlg-close" class="submit font-slab submit-cancell" href="javascript: chiudi_msg();"><strong>{{ 'Ok'|trans }}<i class="fa fa-check"></i></strong></a>
                            </div>
                        </div>
                        <!-- /tile footer -->
                    </section>
                </div>
            </div>
        </div>                            
        <div class="md-overlay"></div>
        
    {% endblock %}
    {% block body %}

        <!--    
            
        -->
        <
        <div id="wrap">

            <div class="row">
                <div id="content" class="col-md-12">        
                    <div class="row">
                        <div class="col-md-12">
                            <!-- col 12 -->
                            <div class="col-md-12">


                                <!-- Page content -->
                                <div id="content-user" class="col-md-12">









                                    <!-- page header -->

                                    <!-- /page header -->






                                    <!-- content main container -->
                                    <div class="main">        



                                        <!-- row -->
                                        <div class="row">




                                            <!-- col 4 -->
                                            <div class="col-md-4">


                                                <!-- tile -->
                                                <section class="tile transparent">




                                                    <!-- tile header -->
                                                    <div class="tile-header nopadding">               
                                                        <div class="controls">
                                                            <a href="#" class="minimize"><i class="fa fa-chevron-down"></i></a>
                                                            <a href="#" class="refresh"><i class="fa fa-refresh"></i></a>
                                                            <a href="#" class="remove"><i class="fa fa-times"></i></a>
                                                        </div>
                                                    </div>
                                                    <!-- /tile header -->

                                                    <!-- tile widget -->
                                                    <div class="tile-widget color transparent-white rounded-top-corners">

                                                        <div class="user-card">
                                                            <h3><strong>{% if profilo != null %}{{ profilo.Nome }} {{ profilo.Cognome }} {% endif %}</strong> </h3>
                                                            <ul class="profile-controls inline">
                                                                <!--<li class="mailto"><a href="#"><i class="fa fa-envelope"></i> Send Email</a></li>-->
                                                                <li class="avatar">
                                                                    <img src="{{ asset(avatarUrl) }}" alt class="img-circle profile-photo">
                                                                </li>
                                                              <!--  <li class="callto" id="make-call">
                                                                    <a href="#">
                                                                        <span class="call">Chiama <i class="fa fa-phone"></i></span>
                                                                        <span class="calling">Connetti <i class="fa fa-microphone"></i></span>
                                                                    </a>
                                                                </li>-->
                                                            </ul>
                                                            <!--h5>Chief Designer</h5>
                                                            <div class="social-networks">
                                                              <a href="#"><i class="fa fa-facebook-square"></i></a>
                                                              <a href="#"><i class="fa fa-google-plus-square"></i></a>
                                                              <a href="#"><i class="fa fa-twitter"></i></a>
                                                              <a href="#"><i class="fa fa-github-square"></i></a>
                                                              <a href="#"><i class="fa fa-dribbble"></i></a>
                                                            </div-->
                                                        </div>                       

                                                    </div>
                                                    <!-- /tile widget -->

                                                    <!-- tile body -->
                                                    <div class="tile-body color transparent-black textured rounded-bottom-corners">
                                                        <ul class="inline divided social-feed">
                                                            <li>

                                                                <h3>{{ 'Role'|trans }}</h3>
                                                                <h4> {% if user != FALSE and user != null and user.gruppi|length > 0 %}{{ (user.gruppi|first).nome }}{% endif %}</h4>
                                                            </li>
                                                            <li>
                                                                <h3>{{ 'From'|trans }}</h3>
                                                                <h4>{% if profilo != FALSE and profilo != null %}{{ profilo.CreationDate|date('d/m/Y') }}{% endif %}</h4>
                                                            </li>
                                                            <li>
                                                                <h3>{{ 'Office'|trans }}</h3>
                                                                <h4>{% if azienda != FALSE and azienda != null %}{{ azienda.RagioneSociale }}{% endif %}</h4>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <!-- /tile body -->



                                                </section>
                                                <!-- /tile -->


<!--
                                                <section class="tile color transparent-black">




                                                    <div class="tile-header">
                                                        <h1><strong>Info Aggiuntive </strong></h1>               
                                                        <div class="controls">
                                                            <a href="#" class="minimize"><i class="fa fa-chevron-down"></i></a>
                                                            <a href="#" class="refresh"><i class="fa fa-refresh"></i></a>
                                                            <a href="#" class="remove"><i class="fa fa-times"></i></a>
                                                        </div>
                                                    </div>


                                                    <div class="tile-body padding-top-0">
                                                        <p class="about-me">, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.</p>
                                                    </div>



                                                </section>
-->
                                                <!-- /tile -->


                                                {%  if false  %}

                                                    <!-- tile -->
                                                    <section class="tile color transparent-white">




                                                        <!-- tile header -->
                                                        <div class="tile-header">
                                                            <h1><strong>Referenti </strong></h1>               
                                                            <div class="controls">
                                                                <a href="#" class="minimize"><i class="fa fa-chevron-down"></i></a>
                                                                <a href="#" class="refresh"><i class="fa fa-refresh"></i></a>
                                                                <a href="#" class="remove"><i class="fa fa-times"></i></a>
                                                            </div>
                                                        </div>
                                                        <!-- /tile header -->


                                                        <!-- tile body -->
                                                        <div class="tile-body">
                                                            <ul class="friend-list">

                                                                <li>
                                                                    <div class="media">
                                                                        <a class="pull-left profile-photo" href="#">
                                                                            <img class="media-object img-circle" src="{{ asset('static/c4rg0_themes/assets/images/profile-photo.jpg') }}" alt="">
                                                                        </a>
                                                                        <div class="media">
                                                                            <h4 class="media-heading">Arch. Giampiero Ciaoli</h4>
                                                                            <span><h6 class="media-heading" style="float:left">Area Sviluppo - Immobiliare - SEDE</h6></span>
                                                                            <button class="btn btn-blue btn-sm" style="float:right">Contact</button>
                                                                        </div>
                                                                    </div>
                                                                </li>

                                                                <li>
                                                                    <div class="media">                      
                                                                        <a class="pull-left profile-photo" href="#">
                                                                            <img class="media-object img-circle" src="{{ asset('static/c4rg0_themes/assets/images/profile-photo.jpg') }}" alt="">
                                                                        </a>
                                                                        <div class="media">
                                                                            <h4 class="media-heading">Dott.Cristian Vaccari</h4>
                                                                            <span><h6 class="media-heading" style="float:left">General Manager - Malpensa</h6></span>
                                                                            <button class="btn btn-blue btn-sm" style="float:right">Contact</button>
                                                                        </div>
                                                                    </div>
                                                                </li>

                                                                <li>
                                                                    <div class="media">
                                                                        <a class="pull-left profile-photo" href="#">
                                                                            <img class="media-object img-circle" src="{{ asset('static/c4rg0_themes/assets/images/profile-photo.jpg') }}" alt="">
                                                                        </a>
                                                                        <div class="media">
                                                                            <h4 class="media-heading">Ing. Giuseppe Ranaldi</h4>
                                                                            <span><h6 class="media-heading" style="float:left">IT Manager - SEDE</h6></span>
                                                                            <button class="btn btn-blue btn-sm" style="float:right">Contact</button>
                                                                        </div>
                                                                    </div>
                                                                </li>

                                                            </ul>
                                                        </div>
                                                        <!-- /tile body -->



                                                    </section>


                                                    <!-- /tile -->
                                                {% endif %}

                                                <section class="tile color transparent-black" style="padding: 10px; ">




                                                    <!-- tile header -->
                                                    <div class="tile-header">
                                                        <h1><strong>{{ 'Log'|trans }}</strong></h1> 
                                                         <a href="#" onclick="javascript:show_log3dlab();">{% if log3dlab|length > 0 %}<span id="id-log3dlab-qty" class="3dlab badge badge-red">{{ log3dlab|length }}</span>{% endif %}</strong></h4></a>
                                                        <div class="controls">
                                                            <a href="#" class="minimize"><i class="fa fa-chevron-down"></i></a>
                                                            <a href="#" class="refresh"><i class="fa fa-refresh"></i></a>
                                                            <a href="#" class="remove"><i class="fa fa-times"></i></a>
                                                        </div>
                                                    </div>
                                                   <!-- <div class="tile-body padding-top-0" style="max-height: 640px; overflow-y: scroll;">
                                                        <table class="table table-datatable table-custom tabella-congruita no-row-select" id="id-tabella-pesata">
                                                            <thead>
                                                                <tr class="text-left">
                                                                    <th style="color: white;"><h3>{{ 'Operation'|trans }}</h3></th>
                                                                    <th style="color: white; min-width: 10vw;"><h3>{{ 'Date'|trans }}</h3></th>
                                                                    <th style="color: white;"><h3>{{ 'Ip'|trans }}</h3></th>
                                                                    <th style="color: white;"><h3>{{ 'City'|trans }}/{{ 'Nation'|trans }}</h3></th>
                                                                    <th style="color: white;"><h3>{{ 'Agent'|trans }}</h3></th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                {% for log in log3dlab %}                                                               
                                                                    <tr class="row-identify-detail">
                                                                        <td class="text-left"><h4>{{ log.termine }}</h4></td>
                                                                        <td class="text-left"><h4>{{ log.aDataIns|date('d/m/Y H:i') }}</h4></td>
                                                                        <td class="text-left"><h4>{{ log.aIp }}</h4></td>
                                                                        <td class="text-left"><h4></h4></td>
                                                                        <td class="text-left"><h4>{{ log.aAgent }}</h4></td>
                                                                    </tr>
                                                                {% endfor %}  
                                                            </tbody>
                                                        </table>
                                                    </div>-->
                                                </section>            
                                            </div>
                                            <!-- /col 4 -->

                                            {% if form != null %}
                                                {{ form_start(form) }}

                                                <section class="tile transparent">
                                                <div class="form-btn-save">{{ form_row(form.save) }}</div>
                                                <div class="form-btn-reset">{{ form_row(form.reset) }}</div>     
                                                <a class="on-close-btn" href="{{ path('users_list_page', {'company':azienda.id}) }}" title="{{ 'Back'|trans }}"><div class="user-close"><i class="fas fa-chevron-circle-left"></i></div></a>
                                                
                                                </section>
                                                <!-- col 8 -->
                                                <div class="user-form col-md-8">



                                                    <!-- tile -->
                                                    <section class="tile transparent">

                                                        <!-- tile widget -->
                                                        <div class="tile-widget nopadding color transparent-black rounded-top-corners">
                                                            <!-- Nav tabs -->
                                                            <ul class="nav nav-tabs tabdrop">
                                                                <li class="active"><a href="#settings-tab" data-toggle="tab">Settings</a></li>
                                                            </ul>
                                                            <!-- / Nav tabs -->
                                                        </div>
                                                        <!-- /tile widget -->

                                                        <!-- tile body -->
                                                        <div class="tile-body tab-content rounded-bottom-corners">

                                                            <!-- Tab panes -->                 


                                                            <div id="settings-tab" class="tab-pane fade in active">


                                                                <div class="profile-settings">

                                                                    <div class="row">
                                                                        <div class="form-group col-md-12 legend">
                                                                            <h4><strong>Personal</strong> Settings</h4>
                                                                            <p>Your personal account settings</p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">

                                                                        <div class="form-group col-sm-6">
                                                                            {{ form_row(form.azienda) }}
                                                                        </div>
                                                                        <div class="form-group col-sm-6">
                                                                          <!--  <label for="last-name">{{ 'Location'|trans }}</label>
                                                                            <input type="text" class="form-control" id="Location" value="">-->
                                                                        </div>

                                                                    </div>


                                                                    <div class="row">

                                                                        <div class="form-group col-sm-6">
                                                                            {{ form_row(form.profilo.nome) }}
                                                                        </div>

                                                                        <div class="form-group col-sm-6">
                                                                            {{ form_row(form.profilo.cognome) }}
                                                                        </div>

                                                                    </div>

                                                                    <div class="row">

                                                                        <div class="form-group col-sm-6">
                                                                            {{ form_row(form.profilo.indirizzo1) }}
                                                                        </div>

                                                                        <div class="form-group col-sm-6">
                                                                            {{ form_row(form.barcodeaut) }}
                                                                        </div>

                                                                    </div>

                                                                    <div class="row">

                                                                        <div class="form-group col-sm-4">
                                                                            {{ form_row(form.profilo.citta) }}
                                                                        </div>

                                                                        <div class="form-group col-sm-4">
                                                                            {{ form_row(form.profilo.stato) }}
                                                                        </div>

                                                                        <div class="form-group col-sm-4">
                                                                            {{ form_row(form.profilo.cap) }}
                                                                        </div>

                                                                    </div>

                                                                    <div class="row">

                                                                        <div class="form-group col-sm-6">
                                                                            {{ form_row(form.email) }}
                                                                        </div>

                                                                        <div class="form-group col-sm-6">
                                                                            {{ form_row(form.profilo.nazione) }}
                                                                   <!--         <label for="country">Country</label>
                                                                            <select class="chosen-select form-control" id="country">
                                                                                <option>Italia</option>
                                                                                <option>Francia</option>
                                                                                <option>Spagna</option>
                                                                                <option>Portogallo</option>
                                                                                <option>Austria</option>-->
                                                                            </select>
                                                                        </div>

                                                                    </div>

                                                                    <div class="row">

                                                                        <div class="form-group col-sm-6">
                                                                            {{ form_row(form.profilo.telefono) }}
                                                                        </div>

                                                                        <div class="form-group col-sm-6">
                                                                            <table>
                                                                                <tr>
                                                                                    <td>{{ form_label(form.avatar) }}</td>
                                                                                    <td>
                                                                                        <span class="validate-error">{{ form_errors(form.avatar) }}</span>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                            <div class="input-group">
                                                                                <span class="input-group-btn">
                                                                                    <span class="btn btn-primary btn-file">
                                                                                        <i class="fa fa-upload"></i>{{ form_widget(form.avatar) }}
                                                                                    </span>
                                                                                </span>
                                                                                <input type="text" class="form-control" readonly id="avatar">
                                                                            </div>
                                                                            {{ form_help(form.avatar) }}
                                                                        </div>

                                                                    </div>

                                                                    <div class="row">

                                                                        <div class="form-group col-sm-6">
                                                                            {{ form_row(form.profilo.referenti) }}
                                                                        </div>

                                                                        <div class="form-group col-sm-6">
                                                                            {{ form_row(form.profilo.notes) }}
                                                                        </div>

                                                                    </div>                                   
                                                                    <div class="row">
                                                                        <div class="form-group col-md-12 legend">
                                                                            <h4>{{ '<strong>Security</strong> Settings'|trans|raw }}</h4>
                                                                            <p>{{ 'Secure account'|trans }}</p>
                                                                        </div>
                                                                    </div>

                                                                    <div class="row">

                                                                        <div class="form-group col-sm-6">
                                                                            {{ form_row(form.username) }}
                                                                        </div>


                                                                        <div class="form-group col-sm-6">
                                                                            <label class="control-label" for="form_username">&nbsp;</label>
                                                                            <div class="form-group">
                                                                                <button type="button" id="id_reset_password" class="btn-default btn" onclick="javascript:reset_password();">{{ 'Reset password'|trans }}</button>
                                                                            </div>
                                                                        </div>

                                                                    </div>

                                                                    <div class="row">

                                                                        <div class="form-group col-sm-6">
                                                                            {{ form_row(form.gruppi) }}
                                                                            <div class="my-custom-class-for-errors">
                                                                                {{ form_errors(form) }}
                                                                            </div>
                                                                        </div>
                                                                        <div class="row">
                                                                            <div class="form-group col-sm-3">
                                                                                {{ form_row(form.onlyroles) }}
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </section>

                                                </div>

                                                {# ... #}
                                                {{ form_end(form) }}                                                                        
                                            {% endif %}

                                            <!-- / Tab panes -->

                                        </div>
                                        <!-- /tile body -->




                                        <!-- /tile -->



                                    </div>
                                    <!-- /col 8 -->



                                </div>
                                <!-- /row -->




                            </div >   
                        </div>
                    </div>
                </div>
            </div>
        </div>






    {% endblock %}
    {% block javascripts %}
        {{ parent() }}
        <script>
            function chiudi_msg() {
                var modal = document.querySelector('#id-msg-dlg');
                classie.remove(modal, 'md-show');
            }
            function chiudi_log3dlab() {
                var modalMsg = document.querySelector('#id-log3dlab-dlg');
                classie.remove(modalMsg, 'md-show');
            }
            function show_log3dlab() {
                var modalMsg = document.querySelector('#id-log3dlab-dlg');
                classie.add(modalMsg, 'md-show');
            }
            function reset_password() {
                if (confirm("{{ 'Confirm reset password!'|trans }}")) {
                    var modal = document.querySelector('#id-msg-dlg');
                    $.ajax({
                        type: "GET",
                        url: "{{ path('app_resetpassword', {'auid':user.id})}}",
                        data: {}
                    })
                    .done(function (v) {

                        classie.add(modal, 'md-show');
                        $("#dlg-message").html("{{ 'New password'|trans }}: " + v.newpasswd);
                    })
                    .fail(function (err) {
                        classie.add(modal, 'md-show');
                        $("#dlg-message").html("{{ 'There was an error!'|trans }}");
                    })
                    .always(function () {
                    });
                }

            }
                            
            //initialize file upload button function
            $(document)
                    .on('change', '.btn-file :file', function () {
                        var input = $(this),
                                numFiles = input.get(0).files ? input.get(0).files.length : 1,
                                label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
                        input.trigger('fileselect', [numFiles, label]);
                    });

            $(function () {

                $('#make-call a').click(function () {
                    $(this).toggleClass('active');
                });

                $('.post-toolbar a').tooltip({
                    placement: 'top',
                    trigger: 'hover',
                    html: true,
                    container: 'body'
                });

                $('.task-controls .mark').click(function () {
                    $(this).toggleClass('marked');
                });

                //accordion class active toggling
                $('.task-list .panel-heading .task-toggle').click(function () {

                    var $previous = $('.task-list .panel.active');

                    $previous.removeClass('active');
                    $(this).parent().parent().stop().addClass('active');

                    if ($(this).parent().parent().hasClass('active')) {
                        $previous.removeClass('active');
                    }
                });

                //chosen select input
                $(".chosen-select").chosen({disable_search_threshold: 10});

                //initialize file upload button
                $('.btn-file :file').on('fileselect', function (event, numFiles, label) {

                    var input = $(this).parents('.input-group').find(':text'),
                            log = numFiles > 1 ? numFiles + ' files selected' : label;

                    console.log(log);

                    if (input.length) {
                        input.val(log);
                    } else {
                        if (log)
                            alert(log);
                    }
                });

            })

        </script> 

    {% endblock %}