{% extends "AppBundle::layout_backend.html.twig" %}

{% block title 'Editar Marca '|trans %}
    
{% block stylesheets %}
    <link href="{{ asset('bundles/app/dist/easyautocomplete/easy-autocomplete.min.css') }}" rel="stylesheet"/>
    <link rel="Stylesheet" type="text/css" href="{{ asset('bundles/app/dist/croppie/demo/prism.css') }}"/>
    <link rel="Stylesheet" type="text/css" href="{{ asset('bundles/app/dist/croppie/dist/sweetalert.css') }}"/>
    <link rel="Stylesheet" type="text/css" href="{{ asset('bundles/app/dist/croppie/croppie.css') }}"/>
{% endblock %}


{% block headercontent %}
    {% trans %}Catalogo de Marcas{% endtrans %}
{% endblock %}

{% block content %}
    <div class="box">
        <div class="box-header">
            <h3 class="box-title">{% trans %}Editar Marca {% endtrans %}</h3>
            <div class="box-tools">
                <a class="btn btn-danger" href="{{ path('app_marca_index') }}"><i
                            class="fa fa-remove text-white"></i> {% trans %}Regresar{% endtrans %} </a>
            </div>
        </div><!-- /.box-header -->
        <div class="box-body">
            {{ form_start(form) }}
            <div class="row">

                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        {{ form_label(form.codigo,'Codigo:'|trans) }}
                        {{ form_widget(form.codigo, {'attr':{'class':'form-control','placeholder':'Codigo'} }) }}
                        {{ form_errors(form.codigo, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>


                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        {{ form_label(form.nombre,'Nombre:'|trans) }}
                        {{ form_widget(form.nombre, {'attr':{'class':'form-control','placeholder':'Nombre'} }) }}
                        {{ form_errors(form.nombre, {'attr':{'class':'form-control'} }) }}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        {# {{ form_label(form.logo,'Logo:'|trans)}}
                        {{ form_widget(form.logo, {'attr':{'class':'form-control','placeholder':'Logo'} })}}
                        {{ form_errors(form.logo, {'attr':{'class':'form-control'} })}} #}
                        {% if (marca.imagen) %}
                            <img id="img_foto1" height="150" width="150" src="{{ marca.imagen }}"/>
                        {% else %}
                            <img id="img_foto1" height="150" width="150"
                                 src="{{ asset('plantilla_foto_noborrar.jpeg','directoriofotos') }}"/>
                        {% endif %}
                    </div>
                </div>
            </div>
            {{ form_errors(form) }}
            {{ form_rest(form) }}
            {{ form_end(form) }}
        </div><!-- /.box-body -->
        <div class="box-footer">
        </div><!-- box-footer -->
    </div><!-- /.box -->
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('bundles/app/dist/easyautocomplete/jquery.easy-autocomplete.min.js') }}"
            type="text/javascript"></script>
    <script src="{{ asset('bundles/app/plugins/datepicker/locales/bootstrap-datepicker.es.js') }}"
            type="text/javascript"></script>
    <script src="{{ asset('bundles/app/dist/croppie/demo/prism.js') }}" type="text/javascript"></script>
    <script src="{{ asset('bundles/app/dist/croppie/dist/sweetalert.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('bundles/app/dist/croppie/croppie.js') }}" type="text/javascript"></script>

    <script>
        $(document).ready(function () {
            $('form').on('submit', function (e) {
                $(this).submit();
            });
        });
    </script>
{% endblock %}