{% extends '::base.html.twig' %}
{% block menuTop %}
    <div class="col-lg-6 col-xs-12" >
        <div class="container" id="menuTop">
        </div>
    </div>
{%endblock %}  
{% block dashboard %}
    <script>

        $(document).ready(function () {

            Date.prototype.getWeek = function () {
                var onejan = new Date(this.getFullYear(), 0, 1);

                return Math.ceil((((this - onejan) / 86400000) + onejan.getDay() + 1) / 7);
            };
            Date.prototype.getDOY = function () {
                var onejan = new Date(this.getFullYear(), 0, 1);
                return Math.ceil((this - onejan) / 86400000);
            };
            function LastDayOfMonth(Year, Month) {
                return new Date((new Date(Year, Month, 1)) - 1);
            }
            $('.datepicker').datetimepicker({
            });

            $("#suministro_suministrobundle_periodo_fechainicio").focusout(function () {

                var fechaInicio = $("#suministro_suministrobundle_periodo_fechainicio").val();
                var fechaSplit = fechaInicio.split("-");
                var ano = fechaSplit[0];
                var mes = fechaSplit[1];
                var dia = fechaSplit[2];
                var date = new Date(ano, parseInt(mes) - 1, dia);
                var quincena = ((parseInt(mes) * 2) - 1);
                var semana = date.getWeek();
                var semestre = Math.round(12 / (parseInt(mes)));
                var diaAno = date.getDOY() + 1;
                var trimestre = Math.round((parseInt(mes) / 3));
                var bimestre = Math.round((parseInt(mes) / 2));
                var ultimoDia = LastDayOfMonth(parseInt(ano), parseInt(mes));
                var fechaMedia = ano + '-' + mes + '-' + Math.round(ultimoDia.getDate() / 2);
                var fechaFin = ano + '-' + mes + '-' + ultimoDia.getDate();
                $("#suministro_suministrobundle_periodo_fechafinal").val(fechaFin);
                $("#suministro_suministrobundle_periodo_fechamedia").val(fechaMedia);
                $("#suministro_suministrobundle_periodo_semana").val(semana);
                $("#suministro_suministrobundle_periodo_quincena").val(quincena);
                $("#suministro_suministrobundle_periodo_dia").val(diaAno);
                $("#suministro_suministrobundle_periodo_mes").val(parseInt(mes));
                $("#suministro_suministrobundle_periodo_semestre").val(semestre);
                $("#suministro_suministrobundle_periodo_anio").val(ano);
                $("#suministro_suministrobundle_periodo_trimestre").val(trimestre);
                $("#suministro_suministrobundle_periodo_bimestre").val(bimestre);


            });

        });




    </script>
    <div class="container" style="margin: 10% 10% 10% 20%">
        <div class="panel panel-info" style="margin-right: 8%">
            <div class="panel-heading">Nuevo Periodo</div>
            <div class="panel-body">
                <form action='{{path('periodo_create', {'idproyectos':idproyectos,'idmodule':idmodule, 'idsubmodulo':idsubmodulo})}}' class="form-horizontal" name="distribuidor"role="form" method="POST" data-toggle="validator">

                    <div class="row">

                        <div class="col-xs-12 col-sm-4 col-lg-4">

                            <div class="form-group">

                                <label for="" class="col-lg-4 control-label">{{form_label(form.codigo)}}</label>

                                <div class="col-lg-8 col-xs-9">

                                    {{form_widget(form.codigo)}} {{ form_errors(form.codigo) }}
                                </div>


                            </div>

                        </div>
                    </div>

                    <div class="row">
                        <div class="col-xs-12 col-sm-4 col-lg-4">

                            <div class="form-group">

                                <label for="" class="col-lg-4 control-label">{{form_label(form.tipoperiodoId)}}</label>

                                <div class="col-lg-8 col-xs-9">

                                    {{form_widget(form.tipoperiodoId)}}
                                </div>


                            </div>

                        </div>



                        <div class="col-xs-12 col-sm-4 col-lg-4">

                            <div class="form-group">

                                <label for="" class="col-lg-4 control-label">{{form_label(form.estadoperiodoId)}}</label>

                                <div class="col-lg-8 col-xs-9">

                                    {{form_widget(form.estadoperiodoId)}}

                                </div>


                            </div>

                        </div>

                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-sm-4 col-lg-4">

                            <div class="form-group">

                                <label for="" class="col-lg-4 control-label">{{form_label(form.fechainicio)}}</label>

                                <div class="col-lg-8 col-xs-9">

                                    <div class="input-group date datepicker" data-date="current">
                                        {{form_widget(form.fechainicio)}}

                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </span>
                                    </div>
                                </div>



                            </div>
                        </div>


                        <div class="col-xs-12 col-sm-8 col-lg-4">

                            <div class="form-group">

                                <label for="" class="col-lg-4 control-label">{{form_label(form.fechamedia)}}</label>

                                <div class="col-lg-8 col-xs-9">

                                    <div class="input-group date datepicker" data-date="current">
                                        {{form_widget(form.fechamedia)}}

                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </span>
                                    </div>
                                </div>


                            </div>
                        </div>

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

                                <label for="" class="col-lg-4 control-label">{{form_label(form.fechafinal)}}</label>

                                <div class="col-lg-8 col-xs-9">

                                    <div class="input-group date datepicker" data-date="current">
                                        {{form_widget(form.fechafinal)}}

                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </span>
                                    </div>
                                </div>

                            </div> 
                        </div>


                    </div>

                    <div class="row">
                        <div class="col-xs-12 col-sm-8 col-lg-4">

                            <div class="form-group">

                                <label for="" class="col-lg-4 control-label">{{form_label(form.dia)}}</label>

                                <div class="col-lg-8 col-xs-9">

                                    {{form_widget(form.dia)}}
                                </div>


                            </div>
                        </div>



                        <div class="col-xs-12 col-sm-8 col-lg-4">

                            <div class="form-group">

                                <label for="" class="col-lg-4 control-label">{{form_label(form.semana)}}</label>

                                <div class="col-lg-8 col-xs-9">

                                    {{form_widget(form.semana)}}
                                </div>


                            </div>


                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-sm-8 col-lg-4">

                            <div class="form-group">

                                <label for="" class="col-lg-4 control-label">{{form_label(form.quincena)}}</label>

                                <div class="col-lg-8 col-xs-9">

                                    {{form_widget(form.quincena)}}
                                </div>


                            </div>
                        </div>


                        <div class="row">
                            <div class="col-xs-12 col-sm-8 col-lg-4">

                                <div class="form-group">

                                    <label for="" class="col-lg-4 control-label">{{form_label(form.mes)}}</label>

                                    <div class="col-lg-8 col-xs-9">

                                        {{form_widget(form.mes)}}
                                    </div>


                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-sm-8 col-lg-4">

                            <div class="form-group">

                                <label for="" class="col-lg-4 control-label">{{form_label(form.bimestre)}}</label>

                                <div class="col-lg-8 col-xs-9">

                                    {{form_widget(form.bimestre)}}
                                </div>


                            </div>
                        </div>



                        <div class="col-xs-12 col-sm-8 col-lg-4">

                            <div class="form-group">

                                <label for="" class="col-lg-4 control-label">{{form_label(form.trimestre)}}</label>

                                <div class="col-lg-8 col-xs-9">

                                    {{form_widget(form.trimestre)}}
                                </div>


                            </div>
                        </div>



                        <div class="col-xs-12 col-sm-8 col-lg-4">

                            <div class="form-group">

                                <label for="" class="col-lg-4 control-label">{{form_label(form.semestre)}}</label>

                                <div class="col-lg-8 col-xs-9">

                                    {{form_widget(form.semestre)}}
                                </div>


                            </div>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-sm-8 col-lg-4">

                            <div class="form-group">

                                <label for="" class="col-lg-4 control-label">{{form_label(form.anio)}}</label>

                                <div class="col-lg-8 col-xs-9">

                                    {{form_widget(form.anio)}}
                                </div>


                            </div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-xs-12 col-sm-8 col-lg-4">

                            <div class="form-group">

                                <label for="" class="col-lg-4 control-label">{{form_label(form.descripcion)}}</label>

                                <div class="col-lg-8 col-xs-9">

                                    {{form_widget(form.descripcion)}}
                                </div>


                            </div>
                        </div>

                    </div>


                    <div class="row">
                        <div class="col-sm-offset-2 col-sm-8 text-center">
                            <div class="btn btn-group">

                                <button type="submit" class="btn btn-info center-block">Crear Periodo</button>

                                <a  type="button" class="btn btn-danger center-block" href="{{path('periodo',{'idproyectos':idproyectos, 'idmodule':idmodule})}}">{{'ticketDetail.status.cancel' | trans}}</a>                       
                            </div>
                        </div>
                    </div>

                    {{ form_row(form._token) }} {{ form_errors(form._token) }}

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



{% endblock %}