@extends('dashboard.dashboard')
@section('title',ucfirst('Galeria de Imagens'))
@section('main')
@section('page','Cadastrar')
<div class="panel-header ">
    <div class="page-inner">
        <div class="page-header">
            @if(Breadcrumbs::exists())
            {!! Breadcrumbs::render() !!}
            @endif
        </div>
    </div>
</div>
@php
@endphp
<div class="row">
    <div class="wizard-container wizard-round col-md-9">
        <div class="wizard-header text-center">
            <h3 class="wizard-title"><b class="text-capitalize">Galeria de Imagens</b></h3>
            <small>Os campos com (*) são de caráter obrigatório</small>
        </div>
        <form id="user" action="{{route('admin.gallery.store')}}" method="POST" novalidate>
            @csrf
            @method('post')
            <div class="wizard-body">
                <div class="tab-content">
                    <div class="tab-pane active" id="details">
                        <div class="row">

                            <div class="col-md-12">
                                <div class="form-group @if($errors->has('title')) has-error @endif">
                                    <label><span class="required">*</span>{{__('title')}}:</label>
                                    <input name="title" type="text" class="form-control" required
                                        value="{{old('title')}}" tabindex="1">
                                    <div class="msg-validate">
                                        @foreach($errors->get('title') as $error)
                                        <label id="title-error" class="error" for="title">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>
                                <div class="form-group @if($errors->has('text')) has-error @endif">
                                    <label for="text"><span class="required">*</span>
                                        {{ __('text') }}
                                    </label>

                                    <textarea id="text" required="required"
                                        class="form-control textarea summernote col-md-7 col-xs-12  @if($errors->has('text')) parsley-error @endif"
                                        name="text" data-parsley-trigger="keyup" data-parsley-minlength="20" cols="40"
                                        rows="10" data-parsley-maxlength="100"
                                data-parsley-validation-threshold="10">{{old('text')}}</textarea>
                                    @if($errors->has('text'))
                                    <ul class="parsley-errors-list filled">
                                        @foreach($errors->get('text') as $error)
                                        <li class="parsley-required">{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                    @endif
                                </div>
                            </div>
                            {{-- <div class="col-md-12">
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="dropzone">
                                        {{ __('Carrousel') }}
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">

                                        <form action="{{''}}" method="post"
                                            class="form-horizontal dropzone form-label-left"
                                            enctype="multipart/form-data">
                                            @method('put')
                                            @csrf
                                            

                                        </form>
                                    </div>
                                </div>
                            </div> --}}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 ml-auto mr-auto text-center">
                <input type="submit" class="btn btn-finish btn-success" name="finish" value="{{__('save')}}">
                <div class="clearfix"></div>
            </div>
    </div>
    </form>
</div>
@endsection

@prepend('scripts')
<script src="{{ asset('admin/js/plugin/summernote/summernote-bs4.min.js')}}"> </script>
<script src="{{ asset('admin/js/plugin/summernote/summernote-cleaner.js')}}"> </script>
<script>
    $('.summernote').summernote({
        fontNames: ['Nunito Sans'],
			tabsize: 2,
			height: 300,
            toolbar: [
      ['style', ['bold', 'italic', 'underline', 'clear']],
      ['font', ['strikethrough']],
      ['insert',['picture','link']],
      ['para', ['paragraph','ol','ul']],
      ['view', [ 'codeview']],
    ],
    cleaner:{
        element:'.summernote',
          action: 'both', // both|button|paste 'button' only cleans via toolbar button, 'paste' only clean when pasting content, both does both options.
          newline: '<br/>', // Summernote's default is to use '<p><br></p>'
          notStyle: 'position:absolute;top:0;left:0;right:0', // Position of Notification
          icon: '<i class="note-icon">[Your Button]</i>',
          keepHtml: false, // Remove all Html formats
          keepOnlyTags: ['<p>', '<br>', '<ul>', '<li>', '<b>', '<strong>','<i>', '<a>'], // If keepHtml is true, remove all tags except these
          keepClasses: false, // Remove Classes
          badTags: ['style', 'script', 'applet', 'embed', 'noframes', 'noscript', 'html'], // Remove full tags with contents
          badAttributes: ['style', 'start'], // Remove attributes from remaining tags
          limitChars: false, // 0/false|# 0/false disables option
          limitDisplay: 'both', // text|html|both
          limitStop: false // true/false
    }
		});
</script>
@endprepend