{% extends 'Default/base.html.twig' %}

{% block title %}  {{ 'Media.T31' | trans}} {% endblock %}
{% block breadcrumb1 %}  {{ 'Media.T32' | trans}} {% endblock %}
{% block breadcrumb2 %}  {{ 'Media.T33' | trans}} {% endblock %}
    {% block stylesheet %}
        {{ parent() }}
        <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.6/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" crossorigin="anonymous">
        <script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.6/js/plugins/piexif.min.js" type="text/javascript"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.6/js/plugins/sortable.min.js" type="text/javascript"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.6/js/plugins/purify.min.js" type="text/javascript"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.6/js/fileinput.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.6/js/locales/fr.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.0.6/js/locales/fr.js"></script>
    {% endblock %}
{% block content %}
    <div class="row">
        <div class="col-md-3 swMain"></div>
        <div class="col-md-6 swMain">
            <div class="row">
                <div class="col-md-12">
                    <fieldset>
                        <legend>
                            {{ 'Media.T34' | trans}}  {% if type == 1 %}  {{ 'Media.T35' | trans}} {% else %}   {{ 'Media.T36' | trans}} {% endif %}
                        </legend>
                        {{ form_start(form, {'attr': {'id': '', 'novalidate': 'novalidate'}}) }}
                        <div class="form-group">

                            <div class="">
                                {{ form_widget(form.choice, { 'attr': {'class': 'clip-radio radio-primary input-group', 'required' : 'true' }}) }}

                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">
                                {{ 'Media.T37' | trans}} <span class="symbol required"></span>
                            </label>
                            {{ form_widget(form.name, { 'attr': {'class': 'form-control ', 'required' : 'true' , 'placeholder': 'Nom Media' }}) }}
                        </div>
                        <div class="form-group">
                            <label>
                                {{ 'Media.T38' | trans}}
                            </label>
                            {{ form_widget(form.file, { 'attr': {'class': 'form-control file', 'required' : '', 'data-preview-file-type': 'text',  }}) }}
                        </div>
                        <code>**  {{ 'Media.T39' | trans}} **</code>
                        <br/>
                        <br/>

                        <div class="form-group  {% if app.request.locale == 'ar' %}pull-left{% else %}pull-right{% endif %}">
                            <button class="btn btn-primary" type="submit" name="add">
                                {{ 'Media.T40' | trans}}
                            </button>
                        </div>
                        {{ form_end(form) }}
                    </fieldset>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        // initialize with defaults
        $("#input-id").fileinput();

        // with plugin options
        $("#input-id").fileinput({'showUpload':false, 'previewFileType':'any'});

    </script>

{% endblock %}