@extends('layout.adminLayout')


@section('content')

    <center> <h2>Agregar un nuevo Articulo</h2></center>



    <div class="row col-md-offset-1 col-md-10 " style="background-color: #2d2d2d; border-radius: 5px;">



        {{--**********--}}
         <form name="articulo" method="post" enctype="multipart/form-data" class="form-horizontal " action="GuardarBlog" onsubmit="return verificar();">

             <input type="text" name="_token" value="{{ csrf_token() }}" id="token" hidden>

            <div class="form-group" style="margin-top:15px;">
                <label for="titulo" class="control-label col-xs-4">Titulo*</label>
                <div class="col-xs-6">
                    <input id="titulo" name="titulo" type="text" class="form-control" placeholder="Escriba un titulo" onkeyup="validacion('titulo');">
                    <span class="help-block"></span>
                </div>
            </div>
            <div class="form-group">
                <label for="subtitulo" class="control-label col-xs-4">Subtitulo</label>
                <div class="col-xs-6">
                    <input id="subtitulo" name="subtitulo" type="text" class="form-control" placeholder="Escriba un subtitulo">
                    <span class="help-block"></span>
                </div>
            </div>

                 <div class="form-group" id="TipoImagen" >
                     <label for="ImgPrincipal" class="control-label col-xs-4">
                         Imagen principal*
                     </label> <div class="col-xs-6">
                         <input id="ImgPrincipal" name="ImgPrincipal"  type="file" class="form-control ImgPrincipal"   />
                         <span class="help-block"></span>
                     </div>
                 </div>

             <div class="form-group" id="TipoImagen" >
                 <label for="ImgSecundaria" class="control-label col-xs-4">
                     Imagen Secundaria
                 </label> <div class="col-xs-6">
                     <input id="ImgSecundaria" name="ImgSecundaria" type="file" class="form-control ImgPrincipal"   />
                     <span class="help-block"></span>
                 </div>
             </div>

             <div class="form-group" id="TipoImagen" >
                 <label for="ImgSecundaria" class="control-label col-xs-4">
                     Categoría*
                 </label> <div class="col-xs-6">
                    <select name="categoria" id="clase" class="form-control" onchange="validacion('clase');">
                        <option value="">Seleccionar</option>
                        <option value="ADN ROSHFRANS">ADN ROSHFRANS</option>
                        <option value="ITR CONTIGO">ITR CONTIGO</option>
                        <option value="MUNDO ROSHFRANS">MUNDO ROSHFRANS</option>
                        <option value="ROSHFRAN NEWS">ROSHFRAN NEWS</option>

                    </select>
                     <span class="help-block"></span>
                 </div>
             </div>

             <div class="form-group">
                 <label for="subtitulo" class="control-label col-xs-4">Url Amigable*</label>
                 <div class="col-xs-6">
                     <input id="rutaAmigable" name="rutaAmigable" type="text" class="form-control" placeholder="Escriba una ruta sin espacios" onKeyPress="return permite(event,'urlamigable')" onkeyup="validacion('rutaAmigable');">
                     <span class="help-block"></span>
                 </div>
             </div>

             <!-- Modal -->
             <div id="myModal" class="modal fade" role="dialog">
                 <div class="modal-dialog">

                     <!-- Modal content-->
                     <div class="modal-content">
                         <div class="modal-header">
                             <button type="button" class="close" data-dismiss="modal">&times;</button>
                             <h4 class="modal-title" style="color:#000">Biblioteca de imagenes</h4>
                             <h5 class="modal-title" style="color:#000" id="cantImagenes"></h5>

                         </div>
                         <div class="modal-body">
                             
                         </div>
                         <div class="modal-footer">
                             <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                         </div>
                     </div>

                 </div>
             </div>

             <div class="form-group">
                 <center>
                     <div class="col-xs-7">
                         <button type="button" class="btn btn-info btn-lg" onclick="cantidadImagenes()" data-toggle="modal" data-target="#myModal">Buscar Imagenes</button>
                     </div>
                 </center>
             </div>

            <div class="form-group">
                <center>
                <div class="col-xs-12">
                <textarea name="contenido" id="editor1"></textarea>
                <span class="help-block"></span>
                </div>
                </center>
            </div>

             <div class="col-md-12 form-group">
                 <div class="col-xs-2">
                     <label for="etiquetas" style="float: right;">Etiquetas</label>
                 </div>
                 <div class="col-xs-8">
                     <p style="color:red">Recuerda separar las etiquetas con punto y coma (;)</p>
                     <textarea name="etiquetas" id="etiquetas" class="form-control"></textarea>
                     <div id="suggestions" style="background-color: white; cursor: pointer;"></div>
                 </div>
             </div>

             <div class="col-md-12 form-group">
                 <div class="col-xs-12">
                     <center><label for="slider">Seleccionar este articulo para que aparezca en el slider</label></center>
                     <input type="checkbox" value="1" class="form-control" id="slider" name="slider">
                 </div>
             </div>

            <div class="col-md-6 form-group">
                <div class="col-xs-12">
                   <label for="fechaPublicacion">Fecha de Alta*:</label>
                        <input readonly="readonly" class="form-control" id="fechaPublicacion" name="fechaPublicacion" placeholder="MM/DD/YYYY" type="text"/>
                        <span class="help-block"></span>

                </div>
            </div>

            <div class="col-md-6 form-group">
                <div class="col-xs-12">
                    <label for="fechaBaja">Fecha de Baja:</label>
                <input readonly="readonly" class="form-control" id="fechaBaja" name="fechaBaja" placeholder="MM/DD/YYYY" type="text"/>
                </div>
            </div>

            <div class="form-group">
                    <button type="submit" class="btn btn-primary">Guardar</button>
            </div>
        </form>





    </div>


    @stop