@extends('layout.backoffice')
@section('content')
    <div class="row">
        <form id="cms" enctype="multipart/form-data">
            <input type="hidden" value="{{$id_cms ?? ''}}" name="entity" id="entity"/>
            <div class="col-12 col-sm-12">
                <div class="card card-primary card-outline">
                    <div class="card-header">
                        <h3 class="card-title">Gestión pagina de contenido</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-10 col-12">
                                <div class="form-group">
                                    <label>Titulo</label>
                                    <input value="{{$titulo ?? ''}}" name="titulo" type="text" class="form-control form-control-border form-control-sm system_validador_vacio" id="nombre">
                                </div>
                            </div>
                            <div class="form-group col-12 col-md-2">
                                <label>Estado</label>
                                <select name="estado" id="estado" class="custom-select form-control-border form-control-sm rounded-0 system_validador_vacio">
                                    <option value=""></option>
                                    <option value="1">Activo</option>
                                    <option value="0">Inactivo</option>
                                </select>
                            </div>
                            <div class="col-sm-6 col-12">
                                <div class="form-group">
                                    <label>Meta Titulo (SEO)</label>
                                    <input value="{{$seo_meta_titulo ?? ''}}" name="seo_meta_titulo" type="text" class="form-control form-control-border form-control-sm" id="seo_meta_titulo">
                                </div>
                            </div>
                            <div class="col-sm-6 col-12">
                                <div class="form-group">
                                    <label>Palabras Clave (SEO)</label>
                                    <input value="{{$seo_meta_palabras_clave ?? ''}}" name="seo_meta_palabras_clave" type="text" class="form-control form-control-border form-control-sm" id="seo_meta_palabras_clave">
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label>URL</label>
                                    <input value="{{$seo_url ?? ''}}" name="seo_url" type="text" class="form-control form-control-border form-control-sm" id="url">
                                    <small id="emailHelp" class="form-text text-muted">Dejar en blanco para generar automaticamente</small>
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label>Meta Descripción (SEO)</label>
                                    <textarea name="seo_meta_descripcion" type="text" class="form-control form-control-border form-control-sm system_validador_vacio" id="seo_meta_descripcion" rows="3">{{$seo_meta_descripcion ?? ''}}</textarea>
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <textarea name="contenido_html" type="text" class="form-control form-control-border form-control-sm system_validador_vacio system_editor" id="seo_meta_descripcion" rows="3">{{$contenido_html ?? ''}}</textarea>
                                </div>
                            </div>
                            <div class="col-sm-12">
                                @if (isset($id_cms) && $id_cms !== '')
                                    <p>Creado: {{$registro_usuario}} - {{$registro_fecha}}</p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        @if (isset($id_cms))
                            <button type="button" id="btn_actualizar" class="btn btn-primary btn-sm btn-flat">Actualizar</button>
                            <a href="{{ url('backoffice/cms/listar/') }}">
                                <button type="button" class="btn btn-default btn-sm btn-flat">Volver</button>
                            </a>
                        @else
                            <button type="button" id="btn_guardar" class="btn btn-primary btn-sm btn-flat">Guardar</button>
                        @endif
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!-- include summernote css/js -->
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
    <script>
        jQuery(document).ready(function () {
            jQuery('.system_editor').summernote({height: 400});
            jQuery('#estado').val('{{$estado ?? ''}}').change();
        });

        jQuery(document).on('click', '#btn_guardar', function () {
            if (system_validarcampos("cms")) {
                axios.post('cms/crear', getDataJson("cms")).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire("Pagina creada", '', 'success').then(function () {
                            window.location = UrlGlobal + 'cms/listar';
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });

        jQuery(document).on('click', '#btn_actualizar', function () {
            if (system_validarcampos("cliente")) {
                axios.put('cms', getDataJson("cms")).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire("Pagina actualizado", '', 'success').then(function () {
                            location.reload();
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });
    </script>
@endsection