<?php echo Form::open(['route' => 'post-admin-guardar-nueva-noticia-titular', 'method' => 'POST', 'autocomplete' => 'off', 'class' => 'form-horizontal']); ?>

<div class="row">
    <div class="col-md-4">
        <div class="col-md-12">
            <?php echo Form::hidden('imagen', null); ?>

            <button id="anadir-imagen-modal"
                    data-toggle="modal"
                    type="button"
                    class="btn btn-primary btn-block"
                    data-title="Seleccionar imagenes"
                    data-size-modal="modal-90-porciento"
                    data-href="<?php echo e(route('post-selector-imagen-modal')); ?>">
                <b class="glyphicon glyphicon-import"></b>&nbspImagen principal
            </button>
        </div>
        <div class="col-md-12 imagen-modal">
        </div>
    </div>
    <div class="col-md-8">
        <div class="col-md-12">
            <button id="anadir-imagen-multiple-modal"
                    data-toggle="modal"
                    type="button"
                    class="btn btn-primary btn-block"
                    data-title="Seleccionar imagenes"
                    data-size-modal="modal-90-porciento"
                    data-href="<?php echo e(route('post-selector-imagen-multiple-modal')); ?>">
                <b class="glyphicon glyphicon-import"></b>Imagenes Galeria
            </button>
        </div>
        <div class="col-md-12 imagen-multiple-modal" id="imagen-multiple-modal">
        </div>
    </div>
</div>
<br>
<div class="row">
    <hr>
    <div class="col-md-8 col-sm-8 col-xs-12 text-center">
        <h5><?php echo e('Título'); ?></h5>
        <?php echo Form::text('titulo', null, ['id' => 'titulo', 'class' => 'form-control', 'placeholder' => 'Ingrese titulo de la noticia']); ?>

    </div>
    <div class="col-md-4 col-sm-4 col-xs-12 text-center">
        <h5><?php echo e('Tipo noticia'); ?></h5>
        <?php echo Form::select('tipo_noticia',$categoria, null,['id'=>'estado','class'=>'form-control']); ?>

    </div>
    <hr>

    <div class="row">
        <hr>
        <div class="col-md-12">
            <h5><?php echo e('Cuerpo de Texto'); ?></h5>
            <?php echo Form::textarea('descripcion_noticia', null, ['id' => 'descripcion_propiedad', 'class' => 'form-control descripcion_propiedad']); ?>

        </div>
    </div>

    <div class="row">
        <hr>
        <div class="col-md-6">
            <h5><?php echo e('Autor o Referencia'); ?></h5>
            <?php echo Form::text('autor', null, ['id' => 'autor', 'class' => 'form-control', 'placeholder' => 'Ingrese referencia o autor asociado']); ?>

        </div>
        <div class="col-md-6">
            <h5><?php echo e('Fecha de la Noticia'); ?></h5>
            <div class="input-group date" id='datetimepicker'>
                <?php echo Form::text('fecha', \Carbon\Carbon::now()->format('d-m-Y'), ['id' => 'fecha', 'class' => 'form-control ']); ?>

                <span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
            </div>
        </div>
    </div>
    <div class="row">
        <hr>
        <div class="col-md-6">
            <h5><?php echo e('Link Video (No Obligatorio)'); ?></h5>
            <?php echo Form::text('url', null, ['id' => 'url', 'class' => 'form-control', 'placeholder' => 'Ingrese un link de Youtube']); ?>

        </div>
        <div class="col-md-6">
            <h5><?php echo e('Clip  de audio (No Obligatorio)'); ?></h5>
            <div class="form-group form-group-sm">
                <button id="anadir-archivos"
                        data-toggle="modal"
                        type="button"
                        class="btn btn-primary btn-block"
                        data-title="Seleccionar imagenes"
                        data-size-modal="modal-90-porciento"
                        data-href="<?php echo e(route('post-selector-single-archivo')); ?>">
                    <b class="glyphicon glyphicon-import"></b>&nbsp;Seleccionar Audio
                </button>
                <div id="multiples-archivos" class="col-md-12">
                    <br>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <hr>
        <div class="col-md-12">
            <h5><?php echo e('Etiquetas'); ?></h5>
            <?php /*<?php echo Form::text('etiquetas', null, ['id' => 'etiquetas', 'class' => 'form-control']); ?>*/ ?>
            <input type="text" name="etiquetas" id="etiquetas" placeholder="Ingrese etiquetas relacionadas...">

        </div>
    </div>
</div>

<script>
    var tags = [
            <?php foreach($etiquetas as $etiqueta): ?>
        {
            tag: "<?php echo e($etiqueta); ?>"
        },
        <?php endforeach; ?>
    ];
    $(document).ready(function () {
        $('#etiquetas').selectize({
            delimiter: ',',
            persist: false,
            valueField: 'tag',
            labelField: 'tag',
            options: tags,
            create: function (input) {
                return {
                    tag: input
                }
            }
        });
    });
</script>

<script type="text/javascript">
    $('#datetimepicker').datepicker({
        format: 'dd-mm-yyyy',
        language: "es",
        autoclose: true,
    });
</script>
<?php echo Form::close(); ?>