{% extends "scheduler.html.twig" %}
{% block body_id 'scheddetail' %}
{% block title %}
    {{ 'detail.title'|trans }}
{% endblock title %}

{% block content %}
{% trans_default_domain 'MyCommandScheduler' %}

    {% set styleConfiguration = {'class': 'form-control'} %}
    <div class="col-lg-6 col-sm-12 cron-ui">
       
        <div class="form-group col-lg-12 col-sm-12">
            <label class="col-xs-8 control-label">{{ 'All Days'|trans }}</label>
            <div class="col-xs-4 control-label">
                <div class="onoffswitch greensea">
                    <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="switch-on-all-days">
                    <label class="onoffswitch-label" for="switch-on-all-days">
                        <span class="onoffswitch-inner"></span>
                        <span class="onoffswitch-switch"></span>
                    </label>
                </div>
            </div>
            
             
            
            {% for val in ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'] %}
            <label class="col-xs-8 control-label">{{ val|trans }}</label>
            <div class="col-xs-4 control-label">
                <div class="onoffswitch greensea">
                    <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox single-week-day" id="switch-on-{{ val|lower }}" data-weekday="{{ loop.index0 }}">
                    <label class="onoffswitch-label" for="switch-on-{{ val|lower }}">
                        <span class="onoffswitch-inner"></span>
                        <span class="onoffswitch-switch"></span>
                    </label>
                </div>
            </div>
            {% endfor %}

        </div>

            <!-- col 12 -->
            <div class="form-group col-lg-12 col-sm-12">



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



                    <div class="tile-body">

                        <form class="form-horizontal" role="form" parsley-validate id="numbervalidations">

                            <div class="">
                                <label for="minval" class="control-label">{{ 'Hour'|trans }}</label>
                                <div>
                                    <input type="text" class="schedulatore-tempo form-control parsley-validated parsley-success" id="schedulatore-ore" parsley-trigger="change" parsley-required="true" parsley-type="number" parsley-min="0" parsley-max="23" parsley-validation-minlength="0" placeholder="min = 0, max = 23">
                                </div>
                            </div>
                        </form>

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




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



                    <div class="tile-body">

                        <form class="form-horizontal" role="form" parsley-validate id="numbervalidations">

                            <div class="">
                                <label for="minval" class="control-label">{{ 'Minute'|trans }}</label>
                                <div>
                                    <input type="text" class="schedulatore-tempo form-control parsley-validated parsley-success" id="schedulatore-minuti" parsley-trigger="change" parsley-required="true" parsley-type="number" parsley-min="0" parsley-max="59" parsley-validation-minlength="0" placeholder="min = 0, max = 59">
                                </div>
                            </div>
                        </form>

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




                </section>




            </div>
              <!-- /col 6 -->

            
            
            
            
    </div>
        {{ form_start( scheduledCommandForm, {'action': path('scheduler_detail_save',{'cmd':cmd})} ) }}

    <div class="col-lg-6 col-sm-12">
        {{ form_row(scheduledCommandForm._token) }}
        {{ form_errors(scheduledCommandForm) }}
        {# Form's fields #}
        {{ form_row( scheduledCommandForm.id ) }}
        {{ form_row( scheduledCommandForm.name, {'attr': styleConfiguration|merge({'placeholder': 'Scheduler name'}) } ) }}
        {{ form_row( scheduledCommandForm.command, {'attr': styleConfiguration } ) }}
        {# {{ form_row( scheduledCommandForm.arguments, {'attr': styleConfiguration|merge({'placeholder': '--argument1=foo --bar'}) } ) }}  #}
        {% if is_granted('ROLE_SUPERADMIN') %}
        <span>{{ form_row( scheduledCommandForm.cronExpression, {'attr': styleConfiguration|merge({'placeholder': '*/10 * * * *'}) } ) }}</span>
        {% else %}
        <span class="hidden-element">{{ form_row( scheduledCommandForm.cronExpression, {'attr': styleConfiguration|merge({'placeholder': '*/10 * * * *', 'readonly': 'readonly'}) } ) }}</span>
        {% endif %}        
	{#<span class="hidden-element">{{ form_row( scheduledCommandForm.cronExpression, {'attr': styleConfiguration|merge({'placeholder': '*/10 * * * *', 'readonly': 'readonly'}) } ) }}</span>#}
        {# {{ form_row( scheduledCommandForm.logFile, {'attr': styleConfiguration|merge({'placeholder': 'myFile.log'}) } ) }} #} 
        {{ form_row( scheduledCommandForm.priority, {'attr': styleConfiguration } ) }} 
        <div>
            {{ form_widget( scheduledCommandForm.executeImmediately ) }}
            {{ form_label( scheduledCommandForm.executeImmediately ) }}
        </div>
        <div>
            {{ form_widget( scheduledCommandForm.disabled ) }}
            {{ form_label( scheduledCommandForm.disabled ) }}
        </div>

        <div>
        </div>        
        
        {# Form's actions #}
        <section class="tile color transparent-black col-md-12 user-email" style="margin-top: 10px;">

            <div style="padding-top: 10px;padding-bottom: 10px;">
                <a href="{{ path('scheduler_list', {'id':id}) }}" class="btn-scheduler btn btn-default btn-lg" role="button">Cancel</a>
            {{ form_widget( scheduledCommandForm.save, {'attr': {'class': 'btn-scheduler btn btn-success btn-lg pull-right'} } ) }}
        </div>
        </section>
    </div>
    <section class="tile color transparent-black col-md-12 user-email" style="margin-top: 10px;">
        <div class="tile-header">
            <h1>{{ form_label( scheduledCommandForm.arguments ) }}</h1>         
            <div class="controls">
    </div>
        </div>
        <div id="id-box-dim-val" class="tile-body" style="padding: 12px;">


            {{          form_widget( scheduledCommandForm.arguments ) }}

        </div>
    </section>        
    <section class="tile color transparent-black col-md-12 user-email" style="margin-top: 10px;">
        <div style="padding-top: 20px; padding-bottom: 20px;">
            <a href="{{ path('scheduler_list', {'id':id}) }}" class="btn-scheduler btn btn-default btn-lg" role="button">Cancel</a>
            {{ form_widget( scheduledCommandForm.saveemail, {'attr': {'class': 'btn-scheduler btn btn-success btn-lg pull-right'} } ) }} 
        </div>
    </section>

    {{ form_end( scheduledCommandForm, {'render_rest': false} ) }}        
{% endblock content %}
{% block javascripts %}
    {{ parent() }}
    


    <script type="text/javascript" src="{{ asset('/static/c4rg0_themes/assets/js/vendor/parsley/parsley.min.js') }}"></script>
    
    <script type="text/javascript">
        (function ($) {
            var cronstr = '';
            function setCronStr() {
                cronstr = '';
                var weekday = '';
                $('.single-week-day').each(function(v) {
                    if ($(this).is(':checked')) {
                        if (weekday === '') {
                            weekday = $(this).data('weekday');
                        } else {
                            weekday = weekday + ',' + $(this).data('weekday');
                        }                        
                    }
                });
                cronstr = $('#schedulatore-minuti').val() + ' ' + $('#schedulatore-ore').val() + ' * * ' + ((weekday === '0,1,2,3,4,5,6') ? '*' : weekday);
                $('#command_scheduler_detail_cronExpression').val(cronstr);
            }
            $(document).ready(function() {   
                var cronstr =  $('#command_scheduler_detail_cronExpression').val();
                var v_cronstr = cronstr.split(' ');
                if (v_cronstr.length === 5) {
                    var weekday = ',' + v_cronstr[4] + ',';
                    var cweek = 0;
                    $('#schedulatore-minuti').val((isNaN(parseInt(v_cronstr[0]))) ? '' : v_cronstr[0]);
                    $('#schedulatore-ore').val((isNaN(parseInt(v_cronstr[1]))) ? '' : v_cronstr[1]);
                    $('.single-week-day').each(function(v) {
                        var id = $(this).data('weekday');
                        if (weekday.indexOf(',' + id + ',') >= 0 || weekday === ',*,') {
                            cweek++;
                            if (!$(this).is(':checked')) {
                                $(this).trigger('click');
                            }
                        } else {
                            if ($(this).is(':checked')) {
                                $(this).trigger('click');
                            }
                        }
                    });
                    if (weekday === ',*,' || cweek === 7) {
                        if (!$('#switch-on-all-days').is(':checked')) {
                            $('#switch-on-all-days').trigger('click');
                        }                        
                    } else {
                        if ($('#switch-on-all-days').is(':checked')) {
                            $('#switch-on-all-days').trigger('click');
                        }                        
                    }
                }
                $('.cron-ui').on(
                     'click'
                    , '.onoffswitch-checkbox'
                    , function (v) {
                        if ($(this).is(':checked') && $(this).attr('id') === 'switch-on-all-days') {
                            $('.single-week-day').each(function(v) {
                                if (!$(this).is(':checked')) {
                                    $(this).trigger('click');
                                }
                            });
                        }
                        if (!$(this).is(':checked') && $(this).hasClass('single-week-day')) {
                            if ($('#switch-on-all-days').is(':checked')) {
                                $('#switch-on-all-days').trigger('click');
                            }
                        }
                        setCronStr();
                });

                $('.cron-ui').on(
                     'change'
                    , '.schedulatore-tempo'
                    , function (v) {
                        setCronStr();
                    }
                );
    
            });
        })(jQuery);        
    </script>    
{% endblock %}