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

<header class="page-header">
    <h2>Success Stories</h2>
</header>
    <section class="panel">
        <header class="panel-heading">
            <h2 class="panel-title">New publication</h2>
            <div class="pull-right">
                <a href="{{ route('stories.index') }}"
                    class="btn btn-default">
                    Cancel
                </a>
                <button type="submit" class="btn btn-primary"
                    form="story-form">
                    Save
                </button>
            </div>
        </header>
    <div class="panel-body">
        <form id="story-form"
                action="{{ $story->exists ? route('stories.update', $story->id_historias): route('stories.store') }}"
                class="form-horizontal"
                method="post"
                onsubmit="$('[form=\'story-form\']').prop('disabled', true)"
                enctype="multipart/form-data">
            @if($story->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>
                                General Information
                            </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">Title:</label>
                                        <input type="text" id="title"
                                            name="title"
                                            class="form-control"
                                            value="{!! old('blog') ?? $story->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">Language:</label>
                                        <select class="form-control" id="language" name="language">
                                            <option value="es"  >Spanish</option>
                                            <option value="en"  >English</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') ?? $story->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">Description:</label>
                                        <textarea name="description" id="description"
                                                  class="form-control "
                                                  rows="10" data-plugin-summernote data-plugin-options='{ "height": 80, "codemirror": { "theme": "ambiance" }, "toolbar" : [
                                                                ["style", ["bold", "underline" ,"italic"]], ["insert", ["picture"]], ["para", ["ul", "ol", "paragraph"]]
                                                                ] }'>{!! old('description', $story->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->content !!}</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>
                                Images and attachments
                            </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">Image:</label>
                                        <input id="img"  name="img" 
                                            type="file" />
                                        <span class="help-block">
                                            {{ $errors->has('img')
                                                ?  str_replace('img', 'img', $errors->first('img'))
                                                : 'Medidas: 126x60 1024kb Max, (PNG, JPEG)' }}
                                        </span>
                                    </div>
                                </div>
                            </div> <br>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group {{ $errors->has('pdf') ? 'has-error' : null }}">
                                        <label class="control-label" for="pdf">Document:</label>
                                        <input id="pdf"  name="pdf" 
                                            type="file" />
                                        <span class="help-block">
                                            {{ $errors->has('pdf')
                                                ?  str_replace('pdf', 'pdf', $errors->first('pdf'))
                                                : '5mb Max (PDF)' }}
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>  
            </div>
        </form>
    </div>

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