{%  extends "::admin.html.twig" %}
{%  block title %} Ajouter Média {% endblock %}
{% block entete %} Ajouter Média {% endblock %}
{% block body %}
    <div class="container-fluid container-fullw bg-white">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-12">
                    {{ form_start(form, {'attr' : {'id': 'formMedia'}}) }}
                    <fieldset>
                        <legend>
                            Ajouter Média
                        </legend>

                        <div class="row">
                            <div class="col-sm-6">
                                <div class="panel panel-transparent">
                                    <div class="panel-heading">
                                        {#<h5 class="panel-title">Inline radio</h5>#}
                                    </div>
                                    <div class="panel-body">


                                        <div class="radio clip-radio radio-primary radio-inline">
                                            <input type="radio" id="radio1" name="fomMedia" value="image">
                                            <label for="radio1">
                                                Image
                                            </label>
                                        </div>
                                        <div class="radio clip-radio radio-primary radio-inline">
                                            <input type="radio" id="radio2" name="fomMedia" value="video">
                                            <label for="radio2">
                                                    Video
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="row" id="imageMedia" style="display: none;">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="control-label">
                                        Photo
                                    </label>
                                    {{ form_widget(form.picture, { 'attr': {'class': 'form-control'}}) }}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="control-label">
                                        Titre <span class="symbol required"></span>
                                    </label>
                                    {{ form_widget(form.title, { 'attr': {'class': 'form-control', 'required':'true', 'placeholder': 'Titre' }}) }}
                                </div>
                            </div>
                        </div>

                        <div class="row"  id="urlMedia" style="display: none;">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="control-label">
                                        Url <span class="symbol required"></span>
                                    </label>
                                    {{ form_widget(form.url, { 'attr': {'class': 'form-control', 'required':'false', 'placeholder': 'https://exemple' }}) }}
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label">
                                Date  <span class="symbol required"></span>
                            </label>
                            <p class="input-group input-append datepicker date">
                                {{ form_widget(form.createdAt, { 'attr': {'class': 'form-control', 'required':'true'}}) }}
                                <span class="input-group-btn">
								<button type="button" class="btn btn-default" style="margin-bottom: 22px;">
								<i class="glyphicon glyphicon-calendar"></i></button></span>
                            </p>
                        </div>





                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="control-label">
                                        Description <span class="symbol required"></span>
                                    </label>
                                    {{ form_widget(form.description, { 'attr': {'class': 'ckeditor form-control',  'required':'true', 'placeholder': 'Description'}}) }}
                                </div>
                            </div>
                        </div>





                        <div class="row">
                            <div class="col-md-12">
                                <button class="btn btn-primary btn-wide pull-right" type="submit" name="add">
                                    Ajouter
                                    <i class="fa fa-arrow-circle-right"></i>
                                </button>
                            </div>
                        </div>
                    </fieldset>
                    {{ form_end(form) }}
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">

    </script>
{% endblock %}