@extends('layout.backoffice')
@section('content')
    <a href="#" id="btnVolver" class="btn btn-secondary mb-3">
        <i class="bx bx-arrow-back me-2"></i> Volver atrás
    </a>
    <div class="row d-flex justify-content-center">
        <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 w-100">
                    <div class="card-header">
                        <h3 class="card-title">
                            <i class='bx bx-edit-alt'></i> Gestión página de contenido
                        </h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-10 col-12 mb-4">
                                <div class="form-group">
                                    <label><i class='bx bx-heading me-1'></i> Título</label>
                                    <input value="{{$titulo ?? ''}}" name="titulo" type="text" class="form-control form-control-border system_validador_vacio" id="nombre">
                                </div>
                            </div>
                            <div class="form-group col-12 col-md-2 mb-4">
                                <label><i class='bx bx-toggle-left me-1'></i> Estado</label>
                                <select name="estado" id="estado" class="form-select system_validador_vacio">
                                    <option value="1">Activo</option>
                                    <option value="0">Inactivo</option>
                                </select>
                            </div>
                            <div class="col-sm-6 col-12 mb-4">
                                <div class="form-group">
                                    <label><i class='bx bx-search-alt me-1'></i> Meta Título (SEO)</label>
                                    <input value="{{$seo_meta_titulo ?? ''}}" name="seo_meta_titulo" type="text" class="form-control form-control-border system_validador_vacio" id="seo_meta_titulo">
                                </div>
                            </div>
                            <div class="col-sm-6 col-12 mb-4">
                                <div class="form-group">
                                    <label><i class='bx bx-key me-1'></i> Palabras Clave (SEO)</label>
                                    <input value="{{$seo_meta_palabras_clave ?? ''}}" name="seo_meta_palabras_clave" type="text" class="form-control form-control-border system_validador_vacio" id="seo_meta_palabras_clave">
                                </div>
                            </div>
                            <div class="col-sm-6 mb-4">
                                <div class="form-group">
                                    <label><i class='bx bx-link me-1'></i> URL</label>
                                    <input value="{{$seo_url ?? ''}}" name="seo_url" type="text" class="form-control form-control-border" id="url">
                                    <small class="form-text text-muted">Dejar en blanco para generar automáticamente</small>
                                </div>
                            </div>
                            <div class="col-sm-6 mb-4">
                                <div class="form-group">
                                    <label><i class='bx bx-link me-1'></i> URL Pública</label>
                                    <input value="{{str_replace("admon/", "",  url($seo_url ?? ''))}}" readonly type="text" class="form-control form-control-border" id="url">
                                    <small class="form-text text-muted">Dejar en blanco para generar automáticamente</small>
                                </div>
                            </div>
                            <div class="col-sm-12 mb-4">
                                <div class="form-group">
                                    <label><i class='bx bx-comment-detail me-1'></i> Meta Descripción (SEO)</label>
                                    <textarea name="seo_meta_descripcion" class="form-control form-control-border system_validador_vacio" id="seo_meta_descripcion" rows="3">{{$seo_meta_descripcion ?? ''}}</textarea>
                                </div>
                            </div>
                            <div class="col-sm-12 mb-4">
                                <div class="form-group">
                                    <label><i class='bx bx-code-alt me-1'></i> Contenido HTML</label>
                                    <textarea name="contenido_html" class="form-control form-control-border system_validador_vacio system_editor" id="contenido_html" rows="3">{{$contenido_html ?? ''}}</textarea>
                                </div>
                            </div>
                            <div class="col-sm-12">
                                @if (isset($id_cms) && $id_cms !== '')
                                    <p><i class='bx bx-calendar me-1'></i> 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">
                                <i class='bx bx-save me-1'></i> Actualizar
                            </button>
                        @else
                            <button type="button" id="btn_guardar" class="btn btn-primary btn-sm btn-flat">
                                <i class='bx bx-save me-1'></i> Guardar
                            </button>
                        @endif
                    </div>
                </div>
            </div>
        </form>
    </div>
    <script>
        jQuery(document).ready(function () {
            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/gestionar/' + resp.data.data;
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });

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

        $('#btnVolver').click(function (e) {
            e.preventDefault();
            window.location.href = UrlGlobal + "cms/listar"
        });
    </script>
    <style>

    </style>
@endsection