@extends('layout.adminLayout')


@section('content')

    

    <center> <h2>Editar Articulo</h2></center>

    <div class="row col-md-offset-2 col-md-8 col-md-offset-2">

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

            <input type="text" name="_token" value="{{ csrf_token() }}" id="token" hidden>
            <input type="text" name="id" value="{{ $articulo->id  }}" id="id" 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" value="{{$articulo->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" @if($articulo->subtitulo!="") value="{{$articulo->subtitulo}}" @endif type="text" class="form-control" placeholder="Escriba un subtitulo">
                    <span class="help-block"></span>
                </div>
            </div>

            <div class="row">
                <div class="col-md-offset-4 col-md-4">
                <center><img src="/img/ImagenesBlog/{{$articulo->ImgPrincipal}}" class="img-responsive"></center>
                </div>
            </div>

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

            @if($articulo->ImgSecundaria!="")
                <div class="row">
                    <div class="col-md-offset-4 col-md-4">
                        <center><img src="/img/ImagenesBlog/{{$articulo->ImgSecundaria}}" class="img-responsive"></center>
                    </div>
                </div>
                @endif
            <div class="form-group">
                <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" value="{{$articulo->categoria}}" 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" value="{{$articulo->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">{{$articulo->contenido}}</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">{{$articulo->etiquetas}}</textarea>
                </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>
                    @if($articulo->slider==1)
                    <input type="checkbox" checked class="form-control" id="slider" name="slider">
                        @else
                        <input type="checkbox" value="1" class="form-control" id="slider" name="slider">

                    @endif
                </div>
            </div>

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

                </div>
            </div>

            <div class="col-md-6 form-group">

                
                <div class="col-md-12">
                    <label for="fechaBaja">Fecha de Baja:</label>
                    <input readonly="readonly" class="form-control" value="{{$fechaBa}}" name="fechaBaja"  placeholder="DD/MM/YYYY" type="text"/>
                </div>
            </div>

            <div class="col-md-12 form-group">
                <div class="col-md-12">
                    <center> <button type="submit" class="btn btn-primary">Editar</button></center>
                </div>
            </div>


        </form>


    </div>

@stop