{% extends 'base.html.twig' %}
{% block body_class %} bg-28 no-zoom{% endblock %}
{% block body_id 'welcomeadmin' %}
    {% block title %}{{ "Compani Management"|trans }}{% endblock %}

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

    {% block modal %}
        {{ parent() }}

        <div class="md-overlay"></div>

    {% endblock %}
    {% block body %}

        <!--    
            
        -->

        <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 id="wrap">
            
            <div class="row">
                <div id="content" class="col-md-12">   

                    <div class="row">
    <div class="col-md-12">
        <section class="tile transparent" id="id-search-block" style="margin-top: 55px;">
            <!-- tile widget -->
            <div class="tile-widget color transparent-black rounded-top-corners">
                <div class="block-menu-filter menu-start">
                    <div class="btn-group btn-w100" style="padding-right: 20px; width: unset; display: inline-block;">
                        <a href="{{ path('management_pannel_page') }}">
                            <h1>
                                <i class="fa fa-briefcase"></i>
                                {{ 'Management'|trans }}
                            </h1>
                        </a>
                    </div>


                </div>
                <div class="block-menu-filter menu-center">
                    <div class="btn-group btn-w100">
                    </div>
                </div>
                <div class="block-menu-filter menu-end">
                    <div class="btn-group">
                        <a class="on-close-btn" href="javascript:window.history.back();" title="Back"><div class="user-close"><i class="fas fa-chevron-circle-left"></i></div></a>
                    </div>
                </div>
            </div>

        </section>
    </div>     
                        <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>     
                                                
                                                </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="#company-tab" data-toggle="tab"><i class="fa fa-building"></i> {{ 'Company'|trans }}</a></li>
                                                                <li><a href="#settings-tab" data-toggle="tab"><i class="fa fa-cog"></i> {{ 'Settings'|trans }}</a></li>
                                                                <li><a href="#locations-tab" data-toggle="tab"><i class="fa fa-map-marker-alt"></i> {{ 'Locations'|trans }}</a></li>
                                                                <li><a href="#machines-tab" data-toggle="tab"><i class="fa fa-server"></i> {{ 'Machines'|trans }}</a></li>
                                                            </ul>
                                                            <!-- / Nav tabs -->
                                                        </div>
                                                        <!-- /tile widget -->

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

                                                            <!-- Tab 1: Company -->
                                                            <div id="company-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'|trans }}</strong> {{ 'Info'|trans }}</h4>
                                                                        </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) }}
                                                                        </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 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>
                                                            </div>

                                                            <!-- Tab 2: Settings -->
                                                            <div id="settings-tab" class="tab-pane fade">
                                                                <div class="profile-settings">
                                                                    <div class="row">
                                                                        <div class="form-group col-md-12 legend">
                                                                            <h4><strong>{{ 'Settings'|trans }}</strong></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>

                                                            <!-- Tab 3: Locations -->
                                                            <div id="locations-tab" class="tab-pane fade">
                                                                <div class="profile-settings">
                                                                    <div class="row">
                                                                        <div class="form-group col-md-12 legend">
                                                                            <h4><strong>{{ 'Locations'|trans }}</strong></h4>
                                                                        </div>
                                                                    </div>
                                                                    <table class="table table-hover" id="locations-table">
                                                                        <thead>
                                                                            <tr>
                                                                                <th>{{ 'Name'|trans }}</th>
                                                                                <th>{{ 'Description'|trans }}</th>
                                                                                <th>{{ 'City'|trans }}</th>
                                                                                <th>{{ 'Address'|trans }}</th>
                                                                                {% if is_granted('ROLE_SUPERADMIN') %}
                                                                                    <th>{{ 'Actions'|trans }}</th>
                                                                                {% endif %}
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                            {% for luogo in luoghi %}
                                                                                <tr>
                                                                                    <td>{{ luogo.nome }}</td>
                                                                                    <td>{{ luogo.descrizione }}</td>
                                                                                    <td>{{ luogo.citta }}</td>
                                                                                    <td>{{ luogo.indirizzo1 }}</td>
                                                                                    {% if is_granted('ROLE_SUPERADMIN') %}
                                                                                        <td>
                                                                                            <a href="{{ path('sa_luoghi_edit', {id: luogo.id}) }}" class="btn btn-xs btn-primary" title="{{ 'Edit'|trans }}"><i class="fa fa-pencil-alt"></i></a>
                                                                                            <a href="{{ path('sa_luoghi_detail', {id: luogo.id}) }}" class="btn btn-xs btn-default" title="{{ 'View'|trans }}"><i class="fa fa-eye"></i></a>
                                                                                        </td>
                                                                                    {% endif %}
                                                                                </tr>
                                                                            {% endfor %}
                                                                        </tbody>
                                                                    </table>
                                                                    {% if luoghi|length == 0 %}
                                                                        <p style="text-align:center; color:#888;">{{ 'No locations found.'|trans }}</p>
                                                                    {% endif %}
                                                                </div>
                                                            </div>

                                                            <!-- Tab 4: Machines -->
                                                            <div id="machines-tab" class="tab-pane fade">
                                                                <div class="profile-settings">
                                                                    <div class="row">
                                                                        <div class="form-group col-md-12 legend">
                                                                            <h4><strong>{{ 'Machines'|trans }}</strong></h4>
                                                                        </div>
                                                                    </div>
                                                                    <table class="table table-hover" id="machines-table">
                                                                        <thead>
                                                                            <tr>
                                                                                <th>{{ 'Name'|trans }}</th>
                                                                                <th>{{ 'Serial Number'|trans }}</th>
                                                                                <th>{{ 'Model'|trans }}</th>
                                                                                <th>{{ 'Location'|trans }}</th>
                                                                                <th>{{ 'System'|trans }}</th>
                                                                                <th>{{ 'SW Version'|trans }}</th>
                                                                                {% if is_granted('ROLE_SUPERADMIN') %}
                                                                                    <th>{{ 'Actions'|trans }}</th>
                                                                                {% endif %}
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                            {% for macchina in macchine %}
                                                                                <tr>
                                                                                    <td>{{ macchina.nome }}</td>
                                                                                    <td>{{ macchina.numeroSeriale }}</td>
                                                                                    <td>{{ macchina.modello ? macchina.modello.nome : '' }}</td>
                                                                                    <td>{{ macchina.luogo ? macchina.luogo.nome : '' }}</td>
                                                                                    <td>{{ macchina.sistema }}</td>
                                                                                    <td>{{ macchina.versioneSw }}</td>
                                                                                    {% if is_granted('ROLE_SUPERADMIN') %}
                                                                                        <td>
                                                                                            <a href="{{ path('sa_macchine_detail', {id: macchina.id}) }}" class="btn btn-xs btn-default" title="{{ 'View'|trans }}"><i class="fa fa-eye"></i></a>
                                                                                        </td>
                                                                                    {% endif %}
                                                                                </tr>
                                                                            {% endfor %}
                                                                        </tbody>
                                                                    </table>
                                                                    {% if macchine|length == 0 %}
                                                                        <p style="text-align:center; color:#888;">{{ 'No machines found.'|trans }}</p>
                                                                    {% endif %}
                                                                </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 %}