| Server IP : 54.94.228.101 / Your IP : 172.28.20.13 Web Server : Apache System : Linux ip-172-28-29-189 6.5.0-1014-aws #14~22.04.1-Ubuntu SMP Thu Feb 15 15:27:06 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.2.34-43+ubuntu22.04.1+deb.sury.org+1 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/html/vinumday2_0/app/Modules/Cadastro/Views/admin/ |
Upload File : |
@extends('layouts.admins.playground')
@section('content')
<div class="content-wrapper">
<section class="content-header v2">
<h1>
Noticia
<small>Listagem</small>
</h1>
<ol class="breadcrumb">
<li><a href="{{ url('admin') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
<li class="active">Teste</li>
</ol>
</section>
<div class="content v2 list-admin">
<div class="box form">
<form action="">
<div class="head-form">
<div class="flex-head">
<h3>Criar novo cliente</h3>
<button class="main-btn-style" type="submit">Salvar lorem</button>
</div>
<ul class="tabs-novo-list">
<li data-tab="1" class="active">Lorem 1</li>
<li data-tab="2">Lorem 2</li>
<li data-tab="3">Lorem 3</li>
</ul>
</div>
<div class="tabs-novo active" data-tab="1">
<div class="bloco-form-big">
<div class="left">
<h4>Lorem ipsum</h4>
<p>Lorem ipsum dolor sit amet conseptur imsum lorem sit dolor amet.</p>
</div>
<div class="right">
<h5>Galeria de imagens</h5>
<div class="form-galeria">
<label for="file-img-upload" class="galeria-item add">
<input type="file" id="file-img-upload" class="file-img-upload">
<img src="img/camera-form.png" class="img-camera" alt="Add imagem">
<span>ADD IMAGEM</span>
</label>
</div>
<div class="form-metade">
<div class="grupo-novo">
<input type="text" class="input-novo">
<label>Lorem</label>
</div>
<div class="grupo-novo">
<input type="text" class="input-novo">
<label class="required">Lorem ipsum</label>
</div>
</div>
<div class="form-inteiro">
<h5>Lorem ipsum dolor</h5>
<div class="checkbox-list">
<div class="checkbox-item">
<input type="checkbox" name="check-list" id="lorem-1-check">
<label for="lorem-1-check"><span class="simbol"></span> Lorem 1</label>
</div>
<div class="checkbox-item">
<input type="checkbox" name="check-list" id="lorem-2-check">
<label for="lorem-2-check"><span class="simbol"></span> Lorem 2</label>
</div>
<div class="checkbox-item">
<input type="checkbox" name="check-list" id="lorem-3-check">
<label for="lorem-3-check"><span class="simbol"></span> Lorem 3</label>
</div>
<div class="checkbox-item">
<input type="checkbox" name="check-list" id="lorem-4-check">
<label for="lorem-4-check"><span class="simbol"></span> Lorem 4</label>
</div>
</div>
</div>
<div class="form-metade">
<div class="grupo-novo">
<select class="input-novo">
<option value="" selected disabled>Selecione</option>
<option value="1">Opção 1</option>
<option value="2">Opção 2</option>
<option value="3">Opção 3</option>
</select>
<label>Lorem</label>
</div>
<div class="grupo-novo">
<input type="text" class="input-novo">
<label class="opcional">Lorem ipsum</label>
</div>
</div>
<div class="form-metade">
<div class="grupo-novo">
<input type="date" class="input-novo" max="2021-01-20">
<label>Lorem</label>
</div>
<div class="grupo-novo">
<input type="text" class="input-novo">
<label class="required">Lorem ipsum</label>
</div>
</div>
<div class="form-inteiro">
<h5>Lorem ipsum dolor 2</h5>
<div class="radio-list">
<div class="radio-item">
<input type="radio" name="radio-check" id="lorem-1-radio">
<label for="lorem-1-radio"><span class="simbol"></span> Lorem 1</label>
</div>
<div class="radio-item">
<input type="radio" name="radio-check" id="lorem-2-radio">
<label for="lorem-2-radio"><span class="simbol"></span> Lorem 2</label>
</div>
<div class="radio-item">
<input type="radio" name="radio-check" id="lorem-3-radio">
<label for="lorem-3-radio"><span class="simbol"></span> Lorem 3</label>
</div>
<div class="radio-item">
<input type="radio" name="radio-check" id="lorem-4-radio">
<label for="lorem-4-radio"><span class="simbol"></span> Lorem 4</label>
</div>
</div>
</div>
</div>
</div>
<div class="bloco-form-big">
<div class="left">
<h4>Lorem ipsum</h4>
<p>Lorem ipsum dolor sit amet conseptur imsum lorem sit dolor amet.</p>
</div>
<div class="right">
<textarea name="editor1" id="editor">
Digite aqui uma descrição
</textarea>
</div>
</div>
</div>
<div class="tabs-novo" data-tab="2">
<div class="bloco-form-big">
<div class="left">
<h4>Tab 2</h4>
<p>Lorem ipsum dolor sit amet conseptur imsum lorem sit dolor amet.</p>
</div>
<div class="right">
<h5>Lorem ipsum 2</h5>
</div>
</div>
</div>
<div class="tabs-novo" data-tab="3">
<div class="bloco-form-big">
<div class="left">
<h4>Tab 3</h4>
<p>Lorem ipsum dolor sit amet conseptur imsum lorem sit dolor amet.</p>
</div>
<div class="right">
<h5>Lorem ipsum 3</h5>
</div>
</div>
</div>
<div class="bottom-form">
<a href="#" class="main-btn-style cancel">Cancelar</a>
<button class="main-btn-style" type="submit">Salvar lorem</button>
</div>
</form>
</div>
</div>
</div>
<div class="confirm-box" excluir-box>
<img src="img/confirm-icon.png" alt="Confirmação">
<strong>Tem certeza que deseja excluir <i>1</i> iten(s)?</strong>
<span>Essa ação é irreversível</span>
<div class="btns">
<button class="main-btn-style confirm-yes">Sim, excluir</button>
<button class="main-btn-style confirm-no">Não</button>
</div>
</div>
<div class="confirm-mask"></div>
<script src="./plugins/ckeditor5-build-classic/build/ckeditor.js"></script>
<script src="./plugins/ckeditor5-build-classic/build/translations/pt-br.js"></script>
<script type="text/javascript">
/** CKEditor config */
ClassicEditor
.create( document.querySelector( '#editor' ),{
language: 'pt-br',
toolbar: [
'heading',
'|',
'bold', 'italic', 'link',
'|',
'bulletedList', 'numberedList',
'imageUpload',
],
heading: {
options: [
{ model: 'paragraph', title: 'Parágrafo', class: 'ck-heading_paragraph' },
{ model: 'heading2', view: 'h2', title: 'Subtítulo', class: 'ck-heading_heading2' }
]
},
// cloudServices: {
// tokenUrl: 'https://example.com/cs-token-endpoint',
// uploadUrl: 'https://your-organization-id.cke-cs.com/easyimage/upload/'
// }
// Instruções backend (upload de imagens): https://ckeditor.com/ckeditor-cloud-services/easy-image/
} )
.then( editor => {
window.editor = editor;
} )
.catch( err => {
console.error( err.stack );
} );
</script>
@endsection