{{ render(controller('PafcicOnlinePafcicBundle:Media:new')) }}
<div class="modal fade" id="myModalMediaVideo"  role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">X</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">Insert Video</h4>
            </div>
            <div class="modal-body">
                <div class="container">
                    {% if(videos is not null or videos|length > 0) %}
                <div class="col-md-12">
                    <label>Search </label>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="input-group">
                                <input type="text" class="form-control" id="search-media-video" placeholder="Find video by name" name="search-media-video" onkeyup="media_paginator('{{ path('media_list_popup_video') }}','search-media-video','container-media-video','3');" />
                                <span class="input-group-addon" id="basic-addon1"><i class="fa fa-search"></i></span>
                            </div>
                        </div>
                        <!--div class="col-md-6">
                            <div class="form-group ">
                                <div class="input-group">
                                    <input type="text" class="form-control datepicker" id="search-media-video-date"  placeholder="Find video by date" onchange="media_paginator('{{ path('media_list_popup_video') }}','search-media-video','container-media-video','3');" />
                                    <span class="input-group-addon" id="basic-addon1"><i class="fa fa-calendar-o"></i></span>
                                </div>
                            </div>
                        </div-->
                    </div>
                    <code style="padding: 0px !important;">****Click on the video for insert in wiziwig. </code>
                </div>
                <div class="col-md-12 padding-10" id="container-media-video"></div>
                    {%  endif %}
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="myModalMedia"  role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog ">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">X</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">Insert Picture</h4>
            </div>
            <div class="modal-body" >
            <div class="row">
                <div class="container">
                    {% if(images is not null or images|length > 0) %}
                <div class="col-md-12">
                    <label>Search </label>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="input-group">
                                <input type="text" name="nom-search" class="form-control" id="search-media" placeholder="Find picture by name" onkeyup="media_paginator('{{ path('media_list_popup') }}','search-media','container-media-image','3');" />
                                <span class="input-group-addon" id="basic-addon1"><i class="fa fa-search"></i></span>
                            </div>
                        </div>
                        <!--div class="col-md-6">
                            <div class="form-group ">
                                <div class="input-group">
                                    <input type="text" class="form-control datepicker" id="search-media-date" placeholder="Find picture by date" onchange="media_paginator('{{ path('media_list_popup') }}','search-media','container-media-image','3');" />
                                    <span class="input-group-addon" id="basic-addon1"><i class="fa fa-calendar-o"></i></span>
                                </div>
                            </div>
                        </div-->
                    </div>
                    <code style="padding: 0px !important;">**Click on the picture for insert in wiziwig. </code>
                </div>
                <div class="col-md-12 padding-10" id="container-media-image"></div>
                    {% endif %}
                </div>
            </div>

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

<div class="modal fade" id="myModalMediaContent" tabindex="-1" role="dialog" aria-labelledby="myModalContentLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">X</span>
                </button>

                <h4 class="modal-title" id="myModalLabel">Insert Picture</h4>

            </div>
            <div class="modal-body" >
                <div class="row">
                    <div class="container">
                        {% if(images is not null or images|length > 0) %}
                            <div class="col-md-12">
                                <label>Search </label>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="search-media-content" placeholder="Find picture by name"   onkeyup="media_paginator('{{ path('media_list_popup') }}','search-media-content','container-media-image-content','2');" />
                                            <span class="input-group-addon" id="basic-addon1"><i class="fa fa-search"></i></span>
                                        </div>
                                    </div>
                                    <!--div class="col-md-6">
                                        <div class="form-group ">
                                            <div class="input-group">
                                                <input type="text" class="form-control datepicker" id="search-media-content-date"  placeholder="Find picture by date" onchange="media_paginator('{{ path('media_list_popup') }}','search-media-content','container-media-image-content','2');" />
                                                <span class="input-group-addon" id="basic-addon1"><i class="fa fa-calendar-o"></i></span>
                                            </div>
                                        </div>
                                    </div-->
                                </div>
                                <code style="padding: 0px !important;">**Click on the picture for insert in wiziwig. </code>
                            </div>
                            <div class="col-md-12 padding-10" id="container-media-image-content"></div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="myModalMediaVideoContent" tabindex="-1" role="dialog" aria-labelledby="myModalContentLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">X</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">Insert Video</h4>
            </div>
            <div class="modal-body">
                <div class="container">
                    {% if(videos is not null or videos|length > 0) %}
                        <div class="col-md-12">
                            <label>Search </label>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="input-group">
                                        <input type="text" class="form-control " id="search-media-video-content"  placeholder="Find video by name" onkeyup="media_paginator('{{ path('media_list_popup_video')}}','search-media-video-content','container-media-video-content','2');" />
                                        <span class="input-group-addon" id="basic-addon1"><i class="fa fa-search"></i></span>
                                    </div>
                                </div>
                                <!--div class="col-md-6">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <input type="text" class="form-control datepicker" id="search-media-video-content-date" placeholder="Find video by date"  onchange="media_paginator('{{ path('media_list_popup_video')}}','search-media-video-content','container-media-video-content','2');" />
                                            <span class="input-group-addon" id="basic-addon1"><i class="fa fa-calendar-o"></i></span>
                                        </div>
                                    </div>
                                </div-->
                            </div>
                            <code style="padding: 0px !important;">****Click on the video for insert in wiziwig. </code>
                        </div>
                        <div class="col-md-12 padding-10" id="container-media-video-content"></div>
                    {%  endif %}
                </div>
            </div>
        </div>
    </div>
</div>