@extends('admin.layouts.admin_app')
@include('admin.include.form-styles')
@section('dashboard_content')

<header class="page-header">
    <h2>Blog</h2>
</header>
    <section class="panel">
        <header class="panel-heading">
            <h2 class="panel-title">Nueva publicación</h2>
            <div class="pull-right">
                <a href="{{ route('blog.index') }}"
                    class="btn btn-default">
                    Cancelar
                </a>
                <button type="submit" class="btn btn-primary"
                    form="blog-form">
                    Guardar
                </button>
            </div>
        </header>
    <div class="panel-body">
        <form id="blog-form"
                action="{{ $blog->exists ? route('blog.update', $blog->id_blog): route('blog.store') }}"
                class="form-horizontal"
                method="post"
                onsubmit="$('[form=\'blog-form\']').prop('disabled', true)"
                enctype="multipart/form-data">

            @if($blog->exists)
                @method('PATCH')
            @endif

            @csrf

            <div class="row">
                <div class="col-lg-8">
                    <div class="row index-content">
                        <div class="card">
                            <h3 class="margin-x">
                                <i class="fa fa-info-circle" aria-hidden="true"></i>
                                Información general
                            </h3>
                            <div class="row">
                                <div class="col-md-9">
                                    <div class="form-group {{ $errors->has('title') ? 'has-error' : null }}">
                                        <label class="control-label" for="title">Título:</label>
                                        <input type="text" id="title"
                                            name="title"
                                            class="form-control"
                                            value="{{ old('title') ?? $blog->titulo }}">
                                        <label class="help-block">
                                            {{ $errors->has('title') ? $errors->first('title') : null }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group {{ $errors->has('language') ? 'has-error' : null }}">
                                        <label class="control-label" for="language">Idioma:</label>
                                        <select class="form-control" id="language" name="language">
                                            <option value="es"  >Español</option>
                                            <option value="en"  >Inglés</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group {{ $errors->has('autor') ? 'has-error' : null }}">
                                        <label class="control-label" for="autor">Author:</label>
                                        <input type="text" id="autor"
                                            name="autor"
                                            class="form-control"
                                            value="{!! old('autor') ?? $blog->autor !!}">
                                        <label class="help-block">
                                            {{ $errors->has('autor') ? $errors->first('autor') : null }}
                                        </label>
                                    </div>
                                </div>
                            </div> <br>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group {{ $errors->has('description') ? 'has-error' : null }}">
                                        <label class="control-label" for="description">Descripción:</label>
                                        <textarea class="form-control" id="description" 
                                            rows="5"
                                            name="description">
                                            {!! old('description') ?? $blog->descripcion !!}
                                        </textarea>
                                        <label class="help-block">
                                            {{ $errors->has('description') ? $errors->first('description') : null }}
                                        </label>
                                    </div>
                                </div>
                            </div> <br>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group {{ $errors->has('content') ? 'has-error' : null }}">
                                        <label class="control-label" for="content">Contenido:</label>
                                        <textarea class="summernote" id="content" name="content" 
                                            data-plugin-summernote data-plugin-options='{ "height": 180, "codemirror": { "theme": "ambiance" }, "removeFormat": true, "toolbar" : [
                                                        ["fontsizeUnits", ["px"]],
                                                        ["style", ["bold", "underline" ,"italic", "clear"]],
                                                        ["view", ["fullscreen"]],

                                                        ["insert", ["link","picture", "video"]],
                                                          ["table", ["table"]],["para", ["ul", "ol"]]
                                                        ] }'>{!! old('content') ?? $blog->contenido !!}</textarea>
                                        <label class="help-block">
                                            {{ $errors->has('content') ? $errors->first('content') : null }}
                                        </label>
                                    </div>
                                </div>
                            </div> <br>                     
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="row index-content">
                        <div class="card">
                            <h3 class="margin-x">
                                <i class="fas fa-image" aria-hidden="true"></i>
                                Imágenes
                            </h3>
                             <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group {{ $errors->has('img') ? 'has-error' : null }}">
                                        <label class="control-label" for="img">Imagen:</label>
                                        <input id="img"  name="img" 
                                            type="file" />
                                        <span class="help-block">
                                            {{ $errors->has('img')
                                                ?  str_replace('img', 'img', $errors->first('img'))
                                                : 'Medidas: 126x60 256kb Max, (PNG, JPEG)' }}
                                        </span>
                                    </div>
                                </div>
                            </div> <br>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group {{ $errors->has('thumbnail') ? 'has-error' : null }}">
                                        <label class="control-label" for="thumbnail">Thumbnail:</label>
                                        <input id="thumbnail"  name="thumbnail" 
                                            type="file" />
                                        <span class="help-block">
                                            {{ $errors->has('thumbnail')
                                                ?  str_replace('thumbnail', 'thumbnail', $errors->first('thumbnail'))
                                                : 'Medidas: 126x60 256kb Max, (PNG, JPEG)' }}
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>  
            </div>
        </form>
    </div>

    <footer class="panel-footer">
        <div class="pull-right">
                <a href="{{ route('blog.index') }}"
                class="btn btn-default">
                Cancelar
            </a>
            <button type="submit" class="btn btn-primary"
                form="blog-form">
                Guardar
            </button>
        </div>
    </footer>    
    </section>
                
@endsection