{% 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 () {
            var dataDate = $('.datepicker').attr('data-date');
            var dataVal = $('.datepicker input').val();
            console.log(dataDate === 'current');
            //    dataDate === 'current' && dataVal === '' ? $('.datepicker input').val('{#{'now'|date('Y-m-d')}#}') : null;
            $('.datepicker').datetimepicker({
            });


            $('form input.calendario').datepicker({
                dateFormat: 'yy-mm-dd',
                dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
                monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octuble', 'Noviembre', 'Diciembre'],
                monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
                yearRange: '1900:' + actual,
                changeYear: true,
                changeMonth: true
            });


        });




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

                    <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.periodoId)}}</label>

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


                                    {{form_widget(form.periodoId)}} 


                                </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.tipodistribuidorId)}}</label>

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

                                    {{form_widget(form.tipodistribuidorId)}} 
                                </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.numero)}}</label>

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

                                    {{form_widget(form.numero)}} {{ form_errors(form.numero) }}
                                </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.propietariosuministroId)}}</label>

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


                                    {{form_widget(form.propietariosuministroId)}} 


                                </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.monto)}}</label>

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


                                    {{form_widget(form.monto)}} 


                                </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.devolucion)}}</label>

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


                                    {{form_widget(form.devolucion)}} 


                                </div>


                            </div>
                        </div>

                    </div>
                    <div class="row" >

                    </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.retribucion)}}</label>

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


                                    {{form_widget(form.retribucion)}} 


                                </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.fechaentrega)}}</label>

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


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

                                        <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-4 col-lg-4">

                            <div class="form-group">

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

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


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

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


                                </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 Numero Sap</button>

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

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



{% endblock %}