{% 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-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>{{ azienda.ragionesociale }}</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(logoUrl) }}" alt class="">
                                                                </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></h3>
                                                                <h4></h4>
                                                            </li>
                                                            <li>
                                                                <h3></h3>
                                                                <h4></h4>
                                                            </li>
                                                            <li>
                                                                <h3></h3>
                                                                <h4></h4>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <!-- /tile body -->



                                                </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('managment_pannel_page') }}" 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>Company</strong> Settings</h4>
                                                                            <p>Your company settings</p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">

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

                                                                    </div>



                                                                    <div class="row">

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

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

                                                                    </div>

                                                                    <div class="row">

                                                                        <div class="form-group col-sm-4">
                                                                            {{ form_row(form.citta) }}
                                                                        </div>
                                                                        <div class="form-group col-sm-2">
                                                                            {{ form_row(form.cap) }}
                                                                        </div>
                                                                        <div class="form-group col-sm-3">
                                                                            {{ form_row(form.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 class="form-group col-sm-3">
                                                                            {{ form_row(form.stato) }}
                                                                        </div>

                                                                    </div>

                                                                    <div class="row">
                                                                        <div class="form-group col-sm-3">
                                                                            {{ form_row(form.partitaiva) }}
                                                                        </div>
                                                                        <div class="form-group col-sm-3">
                                                                            {{ form_row(form.email) }}
                                                                        </div>
                                                                        <div class="form-group col-sm-3">
                                                                            {{ form_row(form.telefono) }}
                                                                        </div>
                                                                        <div class="form-group col-sm-3">
                                                                            <table>
                                                                                <tr>
                                                                                    <td>{{ form_label(form.logo) }}</td>
                                                                                    <td>
                                                                                        <span class="validate-error">{{ form_errors(form.logo) }}</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.logo) }}
                                                                                    </span>
                                                                                </span>
                                                                                <input type="text" class="form-control" readonly id="avatar">
                                                                            </div>
                                                                            {{ form_help(form.logo) }}
                                                                        </div>                                                                                                                                                                                                                        
                                                                    </div>

                                                                    <div class="row">


                                                                    </div>

                                                                    <div class="row">

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

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

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

                                                                        <div class="form-group col-sm-3">
                                                                            {{ form_label(form.target) }}
                                                                            {{ form_errors(form.target) }}

                                                                            {% for target in form.target %}
                                                                                {{ form_errors(target) }}
                                                                                <div class="row">

                                                                                    <div class="form-group col-sm-6">
                                                                                        {{ form_widget(target.tipo) }}
                                                                                    </div>

                                                                                    <div class="form-group col-sm-6">
                                                                                        {{ form_widget(target.valore) }}
                                                                                    </div>

                                                                                </div>                                                                                 
                                                                                
                                                                                 
                                                                            {% endfor %}
                                                                        </div>

                                                                        <div class="form-group col-sm-3">
                                                                            {{ form_label(form.coeffpesovolumetrico) }}
                                                                            {{ form_errors(form.coeffpesovolumetrico) }}
                                                                            {% for coeffpesovolumetrico in form.coeffpesovolumetrico %}
                                                                                {{ form_errors(coeffpesovolumetrico) }}
                                                                                <div class="row">
                                                                                    <div class="form-group col-sm-6">
                                                                                        {{ form_widget(coeffpesovolumetrico.tipo) }}
                                                                                    </div>
                                                                                    <div class="form-group col-sm-6">
                                                                                        {{ form_widget(coeffpesovolumetrico.valore) }}
                                                                                    </div>
                                                                                </div>                                                                                                                                                                                                                                                 
                                                                            {% endfor %}
                                                                        </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 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 %}