{!! Form::open(['route' => 'post-admin-guardar-nueva-galeria', 'method' => 'POST', 'autocomplete' => 'off', 'class' => 'form-horizontal']) !!}
<div class="row">
    <div class="col-md-4">
        <div class="col-md-12">
            {!! 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="{{ 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="{{ 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>{{'Título'}}</h5>
        {!! 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>{{'Tipo noticia'}}</h5>
        {!! Form::select('tipo_noticia',$categoria, null,['id'=>'estado','class'=>'form-control'])  !!}
    </div>
    <hr>

<div class="row">
    <hr>
    <div class="col-md-12">
        <h5>{{'Cuerpo de Texto'}}</h5>
        {!! 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>{{'Autor o Referencia'}}</h5>
        {!! Form::text('autor', null, ['id' => 'autor', 'class' => 'form-control', 'placeholder' => 'Ingrese referencia o autor asociado']) !!}
    </div>
    <div class="col-md-6">
        <h5>{{'Fecha de la Noticia'}}</h5>
        <div class="input-group date" id='datetimepicker'>
            {!! 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>{{'Link Video (No Obligatorio)'}}</h5>
        {!! Form::text('url', null, ['id' => 'url', 'class' => 'form-control', 'placeholder' => 'Ingrese un link de Youtube']) !!}
    </div>
    <div class="col-md-6">
        <h5>{{'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="{{ 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>{{'Etiquetas'}}</h5>
        {{--{!! Form::text('etiquetas', null, ['id' => 'etiquetas', 'class' => 'form-control']) !!}--}}
        <input type="text" name="etiquetas" id="etiquetas" placeholder="Ingrese etiquetas relacionadas...">

    </div>
</div>

<script>
    var tags = [
            @foreach ($etiquetas as $etiqueta)
        {tag: "{{$etiqueta}}" },
        @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>
{!! Form::close() !!}