{% extends "base.html.twig"%}

{% block menuTop %}
    <div class="col-lg-6 col-xs-12" >
        <div>

            {{ render(controller("PortalBundle:Default:topModuleProyectos")) }}

        </div>
    </div>
{%endblock %}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/templateOneBlock.css')}}">
{% endblock %}

{%block dashboard %}
    <style>
            table input[type="text"]{ width: 70%; border:1px solid #e1e8ed;}
            table{ width: 60%; padding: 50px 20px 0px 20px;}
            table td{  padding: 0px 20px 0px 25px;}
            table tr{ height: 40px;}
            .nombreCampo{ width: 20%}
    </style>    
    <script>
        $(function(){
            $( "#fechaIni,#fechaFin" ).datepicker($.datepicker.regional["es"]);
            $( "#fechaIni,#fechaFin" ).datepicker( "option", "dateFormat", "yy-mm-dd" );
        })
        
    $(document).ready(function () {         
         $("#submit_button").click(function (){ 
            $(".error").remove();
            if( ($("#name").val() == "") ||
               ($("#email").val() == "") ||
               ($("#codigo").val() == "") ||
               ($("#fechaIni").val() == "") ||
               ($("#fechaFin").val() == "") ||
               ($("#desc").val() == "")) {  
                $("#cancelar").focus().after("<span class='error'>Ingrese todos los datos solicitados</span>");
                return false;  
            } 
        });         
    });                   
    </script>
<div class="col-sm-12  col-md-12 col-lg-12 col-xs-12   main">
    <div class="col-sm-12  col-md-64 col-lg-4 col-xs-12 col-lg-offset-4 col-md-offset-4 table-bordered">
    <form id="formType2" action="{{path('projectNew')}}" method="POST">
        <table class="ui-widget ui-widget-content negrillas  col-xs-12 col-lg-8 col-md-8"  style="margin: auto;">
        <tr>
           <td> <label for="name" class="nombreCampo ">Nombre Proyecto: </label> </td>
           <td> <input autocomplete="off" id="name" name="project[name]" type="text" value=""></td>
        </tr>
        <tr>
            <td> <label for="email"  class="fieldName">{{'user.email' | trans}}: </label></td>
            <td> <input autocomplete="off" id="email" name="project[email]" type="text" value="{{user[0].email}}"</td>
        </tr>
        <tr>
            <td> <label for="codigo"  class="fieldName">Código Proyecto: </label></td>
            <td> <input autocomplete="off" id="codigo" name="project[codigo]" type="text" value=""></td>
        </tr>
        <tr>
           <td>  <label for="fechaIni"  class="fieldName">{{'monitor.etiqueta.fechaI' | trans}}: </label></td>
            <td> <input autocomplete="off" id="fechaIni" name="project[fechaIni]" type="text" value="{{ "now"|date("m/d/Y") }}"></td>
        </tr>
        <tr>
            <td> <label for="fechaFin"  class="fieldName">{{'monitor.etiqueta.fechaF' | trans}}: </label></td>
            <td> <input autocomplete="off" id="fechaFin" name="project[fechaFin]" type="text" value="{{ "now"|date("m/d/Y") }}"></td>
        </tr>
        <tr>
            <td> <label for="desc"  class="fieldName">Descripción: </label></td>
            <td> <textarea autocomplete="off" id="desc" name="project[desc]"></textarea></td>
        </tr>
        <tr>
            <td> <button class="btn btn-primary btn-lg" type="submit" id='submit_button' name="submit_button">Crear Proyecto</button></td>
            <td> <a id='cancelar' href="{{path('projectIni',{'idproyectos':0, 'idmodule':0})}}"><button type="button" class="btn btn-default btn-lg" >{{'ticketDetail.status.cancel' | trans}}</button></a></td>
        </tr>
        </table>
    </form>
    </div>
    
</div>
{% endblock %}