@extends('layouts.app')

@section('content')

<!-- end sidebar menu -->
<!-- start page content -->

{{--  @dump($data) --}}

<div class="page-content-wrapper">
    <div class="page-content" style="min-height:1200px">
        <div class="page-bar">
            <div class="page-title-breadcrumb">
                <!--<div class="pull-left">
                    <div class="page-title text-danger">Sin Sucursal</div>
                </div>-->
                <ol class="breadcrumb page-breadcrumb pull-right">
                    <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                    </li>
                    <li class="active">Configurar Email de Notificaciones</li>
                </ol>
            </div>
        </div>

        <div class="row ">
            <div class="col-lg-12 col-lg-12">
                <div class="card  card-box">
                    <div class="card-head">
                        <header>Configurar Email de Notificaciones</header>
                    </div>

                    <div class="card-body">

                        {!! Form::open(['route'=>'notificacion.store', 'autocomplete'=>'off', 'files'=>true,'id'=>'form'])!!}
                            
                            <div class="form-group">
                                <label for="title">Titulo De Email</label>
                                {!! Form::text('title', isset($notificiacionDePago->configuracion_mail_pago_titulo_email) ? $notificiacionDePago->configuracion_mail_pago_titulo_email : null, ['id'=>'title', 'class'=>'form-control', 'required'])!!}
                            </div>
                            <div class="form-group">
                                <label for="description">Cuerpo del Correo</label>
                                {!! Form::textarea('description', isset($notificiacionDePago->configuracion_mail_pago_mensaje_email) ? $notificiacionDePago->configuracion_mail_pago_mensaje_email : null , ['id'=>'description','class'=>'form-control'])!!}
                            </div>
                            <button type="submit" class="btn btn-primary">Crear</button>
                           {!! Form::close()!!}
                    </div>
                               
                    </div>

                </div>

            </div>

        </div>

    </div>

@endsection

@section('script')
   
    <script src="https://cdn.ckeditor.com/ckeditor5/34.2.0/classic/ckeditor.js"></script> 

    <script>
        // Verifica si el elemento #description existe antes de intentar crear el editor
        if (document.querySelector('#description')) {
            ClassicEditor
               .create(document.querySelector('#description'))
               .then(editor => {
                    console.log('Editor was initialized', editor);
                })
               .catch(error => {
                    console.error('Error initializing editor:', error);
                });
        } else {
            console.warn('Element #description not found');
        }
    </script>

@endsection