@extends('layouts.nav-foot')

@section('head')
    @component('components.head.tinymce-config')
    @endcomponent
    <!-- Bootstrap Color Picker -->
    <link rel="stylesheet" href="{{asset('plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css')}}">
    <!-- Select2 -->
    <link rel="stylesheet" href="{{asset('plugins/select2/css/select2.min.css')}}">
    <link rel="stylesheet" href="{{asset('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css')}}">
@endsection

@section('content')
    @if($errors->any())
        <p class="alert alert-danger" role="alert">{{$errors->first()}}</p>
    @endif
    @if (\Session::has('success'))
        <div class="alert alert-success">
            <ul>
                <li>{!! \Session::get('success') !!}</li>
            </ul>
        </div>
    @endif
    <form action="{{route('editEntry')}}" method="post" enctype="multipart/form-data">
        @method('PATCH')
        @csrf
        <input type="hidden" name="id" value="{{$entry['id']}}">
        <div class="form-group">
            <label>Titulo</label>
            <input type="text" value="{{$entry['title']}}" class="form-control form-control-lg" name="title" placeholder="Titulo de la entrada">
        </div>
        <div class="form-group">
            <label>Descripción</label>
            <textarea name="description" id="description" class="form-control" placeholder="Descripción: Maximo 160 caracteres" rows="5">{{$entry['description']}}</textarea>
        </div>
        <textarea id="tinymce" name="blogContent">{!! $entry['content'] !!}</textarea>
        <div class="entry-inputs">
            <div class="form-group">
                <span>Autor</span>
                <input type="text" class="form-control" name="author" placeholder="Autor" value="{{$entry['author']}}">
            </div>
            <div class="form-group">
                <label for="tags">Categorias</label>
                <div class="select2-blue">
                    <select class="select2" name="tags[]" multiple="multiple" data-placeholder="Seleccione las categorias" data-dropdown-css-class="select2-blue" style="width: 100%;">
                        @if(isset($tags))
                            @foreach ($tags as $tag)
                                <option value="{{$tag['tag']}}" {{in_array($tag['tag'], json_decode($entry['tags'])) ? 'selected':''}}>{{$tag['tag']}}</option>
                            @endforeach
                        @endif
                    </select>
                </div>
                <span class="btn btn-primary createTag" style="margin-top: 10px">Crear Categoria</span>
            </div>
            <div class="form-group">
                <span>Imagen de portada</span>
                <div class="custom-file">
                    <input type="file" name="coverImg" class="custom-file-input" id="exampleInputFile" accept="image/png, image/jpeg">
                    <label class="custom-file-label" for="exampleInputFile">Choose file</label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <input class="btn btn-primary" type="submit" value="Guardar">
            <a href="{{route('entriesIndex')}}" class="btn btn-secondary">Regresar</a>
        </div>
    </form>


    <div class="container">
        <div class="modal fade bd-example-modal-lg" tabindex="-1" id="editarusuario">
            <div class="modal-dialog modal-lg">
                <div class="modal-content editUs">
                    
                </div>
            </div>
        </div>
    </div>

@endsection

@section('scripts')
    <!-- bs-custom-file-input -->
    <script src="{{asset('plugins/bs-custom-file-input/bs-custom-file-input.min.js')}}"></script>
    <script src="{{asset('plugins/select2/js/select2.full.min.js')}}"></script>
    <script>
        //Initialize Select2 Elements
        $('.select2').select2()

        //Initialize Select2 Elements
        $('.select2bs4').select2({
            theme: 'bootstrap4'
        })

        $(function () {
            bsCustomFileInput.init();
        });
    </script>
    <script src="{{asset('js/blog/createNewTag.js')}}"></script>
@endsection