<style>
    .mapa {
        width: 100%;
        height: 300px;
    }
</style>
<?php echo Form::open(['route' => 'post-admin-guardar-editar-titular', 'method' => 'POST', 'autocomplete' => 'off', 'class' => 'form-horizontal']); ?>

<?php echo Form::hidden('id', $datos_galeria->id); ?>

<?php echo Form::hidden('orden', $datos_galeria->orden); ?>

<div class="row">
    <div class="col-md-6">
        <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>&nbsp;Seleccionar Imagen
            </button>
        </div>
        <div class="col-md-12 imagen-modal">
            <div class="col-lg-12 col-md-12  col-sm-12  col-xs-12 item-lista-imagenes">
                <br>
                <img class="img-responsive img-thumbnail"
                     src="<?php echo e($datos_galeria->imagen); ?>">
                <?php echo Form::hidden('imagen-modal', $datos_galeria->archivo_id); ?>


            </div>
        </div>
    </div>
    <div class="col-md-6">
        <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>&nbsp;Seleccionar Imagen
            </button>
        </div>
        <div class="col-md-12 imagen-multiple-modal" id="imagen-multiple-modal">
            <?php foreach($lista_imagen as $imagen): ?>
                <div class="col-md-4">
                    <div data-toggle="tooltip" data-placement="bottom" title="imagen">
                        <div class="file">
                            <span class="corner"></span>
                            <div class="image">
                                <div class="sortable-image img-thumbnail"
                                     style="background: url('<?php echo e($imagen->imagen); ?>')"></div>
                                <?php echo Form::hidden('imagen_modal_multiple[]', $imagen->id_imagen); ?>

                            </div>
                        </div>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>
    </div>
</div>
<br>
<div class="row">
    <hr>
    <div class="col-md-8 col-sm-8 col-xs-12">
        <h5><?php echo e('Título'); ?></h5>
        <?php echo Form::text('titulo', $datos_galeria->titulo, ['id' => 'titulo', 'class' => 'form-control', 'placeholder' => 'Ingrese titulo del sistema']); ?>

    </div>

    <div class="col-md-4 col.sm-8 col-xs-12">
        <h5><?php echo e('Tipo noticia'); ?></h5>
        <?php echo Form::select('tipo_noticia',$categoria, $datos_galeria->categoria,['id'=>'estado','class'=>'form-control']); ?>

    </div>
</div>

<div class="row">
    <hr>
    <div class="col-md-12">
        <h5><?php echo e('Cuerpo de Texto'); ?></h5>
        <?php echo Form::textarea('descripcion_noticia', $datos_galeria->texto, ['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',  $datos_galeria->autor, ['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', $datos_galeria->fecha, ['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',  $datos_galeria->url, ['id' => 'titulo', 'class' => 'form-control', 'placeholder' => 'Ingrese link del video']); ?>

    </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">
                <?php if($datos_info->id_archivo != null): ?>
                    <br>
                    <div class="row">
                        <div class="thumbnail text-center">
                            <div class="col-md-12">
                                <a class="btn btn-danger btn-sm btn-delete-item">
                                    <b class="glyphicon glyphicon-trash"></b>
                                </a>
                            </div>
                            <label for="<?php echo e($datos_info->id_archivo); ?>">
                                <a href="<?php echo e($datos_info->archivo); ?>"
                                   target="_blank">
                                    <b class="img-rounded cursor-pointer fas fa-file-<?php echo e($iconos[$datos_info->extension]); ?> fa-4x"></b>
                                </a>
                            </label>
                            <div class="caption">
                                <b><?php echo e($datos_info->archivo_nombre); ?></b>
                                <?php echo Form::hidden('archivo', $datos_info->id_archivo); ?>

                            </div>
                        </div>
                    </div>
                <?php endif; ?>
            </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>
<?php echo Form::close(); ?>


<script type="text/javascript">
    $('#datetimepicker').datepicker({
        format: 'dd-mm-yyyy',
        language: "es",
        autoclose: true,
    });
</script>
<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,
            items: tags,
            create: function (input) {
                return {
                    tag: input
                }
            }
        });
    });
</script>