

        <div class="page-bar">

            <ul class="page-breadcrumb">

                <li>

                    <a href="/imports/painel/index.php">Principal</a>

                    <i class="fa fa-circle"></i>

                </li>

                <li>

                    <span>Novo</span>

                </li>

            </ul>

        </div>

        <!-- END PAGE BAR -->

        <!-- END PAGE HEADER-->

        <div class="row">

            <div class="col-md-12">

                <div class="portlet light bordered">

                    <div class="portlet-title">

                        <div class="caption">

                            <i class="icon-pencil"></i>

                            <span class="caption-subject bold uppercase">Novo</span>

                        </div>

                        <div class="actions">

                            <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;" title="Salvar">

                                <i class="fa fa-file-o"></i>

                            </a>

                            <a class="btn btn-circle btn-icon-only btn-default" href="banner.php" title="Cancelar">

                                <i class="icon-trash"></i>

                            </a>

                        </div>

                    </div>

                    <div class="portlet-body">

                        <div class="tabbable-bordered">

                            <div class="tab-content">

                                <div class="tab-pane active" id="tab_images">

                                        <div class="alert alert-success margin-bottom-10">

                                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button>

                                            <i class="fa fa-warning fa-lg"></i> O tipo e a informação da imagem precisam ser especificados. </div>

                                        <div id="tab_images_uploader_container" class="text-align-reverse margin-bottom-10">

                                            <a id="tab_images_uploader_pickfiles" href="javascript:;" class="btn btn-success">

                                                <i class="fa fa-plus"></i> Selecionar Arquivos </a>

                                            <a id="tab_images_uploader_uploadfiles" href="javascript:;" class="btn btn-primary">

                                                <i class="fa fa-share"></i> Enviar Arquivos </a>

                                        </div>

                                        <div class="row">

                                            <div id="tab_images_uploader_filelist" class="col-md-6 col-sm-12"> </div>

                                        </div>

                                    <table class="table table-bordered table-hover">

                                        <thead>

                                            <tr role="row" class="heading">

                                                <th width="8%"> Imagem </th>

                                                <th width="25%"> Titulo </th>

                                                <th width="8%"> Ordem </th>

                                                <th width="10%"> Link </th>

                                                <th width="10%">

                                                    <a href="javascript:;" class="btn btn-success btn-sm" id="add_input">

                                                        <i class="fa fa-plus"></i> Adcionar

                                                    </a> 

                                                </th>

                                            </tr>

                                        </thead>

                                        <tbody id="add_img">

                                            <tr id="add">

                                                <td>

                                                    <div class="fileinput fileinput-new" data-provides="fileinput">

                                                        <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 120px; height: 100px;">

                                                        </div>

                                                        <div>

                                                            <span class="btn red btn-outline btn-file" style="display: none">

                                                                <input type="file" name="..."> 

                                                            </span>

                                                        </div>

                                                    </div>

                                                </td>

                                                <td>

                                                    <div class="input-group">

                                                        <span class="input-group-addon">

                                                            <img src="/imports/assets/img/br.png" style="width: 20px;" />

                                                        </span>

                                                        <input type="text" class="form-control" placeholder=""> 

                                                    </div>

                                                </td>

                                                <td>

                                                    <input type="text" class="form-control" name="titulo_1[]" value="1">

                                                </td>

                                                <td>

                                                    <input type="text" class="form-control" name="titulo_2[]"> 

                                                </td>

                                                <td>

                                                    <a href="javascript:;" class="btn btn-default btn-sm" id="remove_img">

                                                        <i class="fa fa-times"></i> Remover</a>

                                                </td>

                                            </tr>

                                        </tbody>

                                    </table>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>



    <script>

    $(function (){

        var img_new = $ ('#add_img');



        $(document).on('click', '#add_input', function() {

            $('<tr>'+

                    '<td>'+

                        '<div class="fileinput fileinput-new" data-provides="fileinput">'+

                            '<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 120px; height: 100px;">'+

                            '</div>'+

                            '<div>'+

                                '<span class="btn red btn-outline btn-file" style="display: none">'+

                                    '<input type="file" name="...">'+

                                '</span>'+

                            '</div>'+

                        '</div>'+

                    '</td>'+

                    '<td>'+

                        '<div class="input-group">'+

                           '<span class="input-group-addon">'+

                                '<img src="/imports/assets/img/br.png" style="width: 20px;" />'+

                            '</span>'+

                            '<input type="text" class="form-control" placeholder=""> '+

                        '</div> '+

                    '</td>'+

                    '<td>'+

                        '<input type="text" class="form-control" name="titulo_1[]" value="1">'+

                    '</td>'+

                    '<td>'+

                        '<input type="text" class="form-control" name="titulo_2[]"> '+

                    '</td>'+

                    '<td>'+

                        '<a href="javascript:;" class="btn btn-default btn-sm" id="remove_img">'+

                            '<i class="fa fa-times"></i> </i> Remover </a>'+

                    '</td>'+

                '</tr>').appendTo(img_new);

                return false;

            });

        $(document).on('click','#remove_img', function () {

            $(this).parents('tr').remove();

            return false;

        });

    });

    </script>