@extends('layouts.admin')

@section('content')

    @include('admin.layouts.navegator')




<link rel="stylesheet" href="/ckeditor/ckeditor5.css">



    <div class="dashboard-wrapper">
        <div class="dashboard-ecommerce">
            <div class="container-fluid dashboard-content ">

                @include('admin.layouts.subheader')
                
                



        <div class="ecommerce-widget">
                    <div class="row">
                        <div class="col-md-12 p-0">
                            <div class="card influencer-profile-data">
                                <div class="card-header bg-light">
                                    <h3 class="text-center m-0">Formulario</h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                    <div class="col-12">
                <form method="post" autocomplete="off" id="form_login" action="{{route('setgarantia')}}">


                    @csrf
                     
                                                                           <input type="hidden" class="form-control" name="id" id="id" @if(isset($dataform)) value="{{$dataform->id}}" @endif>


                                    <div class="col-md-12">
                                        <div class="form-group mb-12">
                                            <label>
                                                <h6>Titulo <spam style="color:red;font-size:14px">*</spam>
                                                </h6>
                                            </label>
                                             <input type="text" class="form-control" name="titulo" id="titulo"  @if(isset($dataform)) value="{{$dataform->titulo}}" @endif >


                                        </div>
                                    </div>   
                                    
                                           

                                     
                                          <div class="col-md-12">
                                        <div class="form-group mb-12">
                                            <label>
                                                <h6>Detalle<spam style="color:red;font-size:14px">*</spam>
                                                </h6>
                                            </label>
                                            <textarea  class="form-control" name="garantia" id="garantia" data-validation="required" cols="30"  rows='30'>@if(isset($dataform)) {{$dataform->garantia}} @endif</textarea>

                                        </div>
                                    </div>   
                                    
                                           
                                      
                                    
                                    
                                    
                                          <div class="col-md-12">
                                        <div class="form-group mb-12">
                                            <label>
                                               
                                            </label>
                                                <button type="submit" class="btn-icon btn btn-success btn-lg">Guardar</button>

                                        </div>
                                    </div>     
                                    
                                
                               </div>       
                     </form>               
                     </div>
                                </div>
                            </div>
                        </div>
                      
                   </div>
                </div>
            </div>
        </div>
<style>
    
    #example_wrapper{
        width:100% !important
        
    }
</style>


<script type="importmap">
			{
				"imports": {
					"ckeditor5": "/ckeditor/ckeditor5.js",
					"ckeditor5/": "/ckeditor/"
				}
			}
		</script>

		<script type="module">
			import {
				  ClassicEditor,
              Essentials,
              Paragraph,
              Bold,
              Italic,
              Font,
              Alignment,
              Underline,
              Strikethrough,
              Link,
              List
			} from 'ckeditor5';


  ClassicEditor
                .create( document.querySelector( '#garantia' ), {
                    licenseKey: 'GPL', // Or <YOUR_LICENSE_KEY>
                    plugins: [ Essentials,
  Paragraph,
  Bold,
  Italic,
  Font,
  Alignment,
  Underline,
  Strikethrough,
  Link,
  List ],
                    toolbar: [
						'undo', 'redo', '|',
  'bold', 'italic', 'underline', 'strikethrough', '|',
  'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor', '|',
  'alignment', '|',
  'link', 'bulletedList', 'numberedList'
					],
					
					  fontSize: {
      options: [8, 10, 12, 14, 16, 18, 20, 24, 30, 36, 48, 60, 72, 96],
      supportAllValues: true
    }
				//	licenseKey: 'GPL'
				} )
				.then( editor => {
				//	window.editor = editor;
				} )
				.catch( error => {
					console.error( error );
				} );


  ClassicEditor
                .create( document.querySelector( '#cliente' ), {
                    licenseKey: 'GPL', // Or <YOUR_LICENSE_KEY>
                    plugins: [ Essentials, Paragraph, Bold, Italic, Font ],
                    toolbar: [
						'undo', 'redo', '|', 'bold', 'italic', '|',
						'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor'
					],
				//	licenseKey: 'GPL'
				} )
				.then( editor => {
				//	window.editor = editor;
				} )
				.catch( error => {
					console.error( error );
				} );


  ClassicEditor
                .create( document.querySelector( '#producto' ), {
                    licenseKey: 'GPL', // Or <YOUR_LICENSE_KEY>
                    plugins: [ Essentials, Paragraph, Bold, Italic, Font ],
                    toolbar: [
						'undo', 'redo', '|', 'bold', 'italic', '|',
						'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor'
					],
				//	licenseKey: 'GPL'
				} )
				.then( editor => {
				//	window.editor = editor;
				} )
				.catch( error => {
					console.error( error );
				} );


  ClassicEditor
                .create( document.querySelector( '#politica' ), {
                    licenseKey: 'GPL', // Or <YOUR_LICENSE_KEY>
                    plugins: [ Essentials,
  Paragraph,
  Bold,
  Italic,
  Font,
  Alignment,
  Underline,
  Strikethrough,
  Link,
  List ],
                    toolbar: [
						'undo', 'redo', '|',
  'bold', 'italic', 'underline', 'strikethrough', '|',
  'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor', '|',
  'alignment', '|',
  'link', 'bulletedList', 'numberedList'
					],
					
					  fontSize: {
      options: [8, 10, 12, 14, 16, 18, 20, 24, 30, 36, 48, 60, 72, 96],
      supportAllValues: true
    }
				//	licenseKey: 'GPL'
				} )
				.then( editor => {
				//	window.editor = editor;
				} )
				.catch( error => {
					console.error( error );
				} );







				$(document).ready(function() {
    setTimeout(function() {
        // .eq(1) selecciona el segundo elemento (índice 0 = primero, 1 = segundo)
        $('.ck.ck-reset.ck-editor.ck-rounded-corners').eq(1).hide();
                $('.ck.ck-reset.ck-editor.ck-rounded-corners').eq(3).hide();
        $('.ck.ck-reset.ck-editor.ck-rounded-corners').eq(5).hide();
        $('.ck.ck-reset.ck-editor.ck-rounded-corners').eq(7).hide();

    }, 0); // 2000 milisegundos = 2 segundos
});








		</script>

        
        @include('admin.layouts.footer')

    </div>

@endsection