@extends('voyager::master')

@section('page_title', __('voyager::generic.'.(isset($dataTypeContent->id) ? 'edit' : 'add')).' '.$dataType->display_name_singular)

@section('css')
    <style>
        .panel .mce-panel {
            border-left-color: #fff;
            border-right-color: #fff;
        }

        .panel .mce-toolbar,
        .panel .mce-statusbar {
            padding-left: 20px;
        }

        .panel .mce-edit-area,
        .panel .mce-edit-area iframe,
        .panel .mce-edit-area iframe html {
            padding: 0 10px;
            min-height: 350px;
        }

        .mce-content-body {
            color: #555;
            font-size: 14px;
        }

        .panel.is-fullscreen .mce-statusbar {
            position: absolute;
            bottom: 0;
            width: 100%;
            z-index: 200000;
        }

        .panel.is-fullscreen .mce-tinymce {
            height:100%;
        }

        .panel.is-fullscreen .mce-edit-area,
        .panel.is-fullscreen .mce-edit-area iframe,
        .panel.is-fullscreen .mce-edit-area iframe html {
            height: 100%;
            position: absolute;
            width: 99%;
            overflow-y: scroll;
            overflow-x: hidden;
            min-height: 100%;
        }
		
		.mb-0{margin-bottom:0px!important;}
		.mr-1{margin-right:3px!important;}
		#boxModalidade a {text-decoration: none;}
		
		
    </style>
@stop

@section('page_header')
    <h1 class="page-title">
        <i class="{{ $dataType->icon }}"></i>
        {{ __('voyager::generic.'.(isset($dataTypeContent->id) ? 'edit' : 'add')).' '.$dataType->display_name_singular }}
    </h1>
	@if(isset($dataTypeContent->id))
		<a class="btn btn-primary" href="/admin/certificado/{{$dataTypeContent->id}}" target="_blank">Visualizar</a>
		<a class="btn btn-primary" href="/admin/certificado/download/{{$dataTypeContent->id}}" target="_blank">Baixar</a>
	@endif
    @include('voyager::multilingual.language-selector')
@stop

@section('content')
    <div class="page-content container-fluid">
        <form class="form-edit-add" role="form" action="@if(isset($dataTypeContent->id)){{ route('voyager.paid-event-certificados.update', $dataTypeContent->id) }}@else{{ route('voyager.paid-event-certificados.store') }}@endif" method="POST" enctype="multipart/form-data" onsubmit="return validaForm();">
            <!-- PUT Method if we are editing -->
            @if(isset($dataTypeContent->id))
                {{ method_field("PUT") }}
            @endif
            {{ csrf_field() }}
            <div class="row">
                <div class="col-md-8">
                    <!-- ### TITLE ### -->
                    <div class="panel">
                        @if (count($errors) > 0)
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        <div class="panel-heading">
                            <h3 class="panel-title">
                                <i class="voyager-character"></i> {{ __('voyager::paid-event-certificado.nome') }}
                                <span class="panel-desc"> {{ __('voyager::paid-event-certificado.title_sub') }}</span>
                            </h3>
                            <div class="panel-actions">
                                <a class="panel-action voyager-angle-down" data-toggle="panel-collapse" aria-hidden="true"></a>
                            </div>
                        </div>
                        <div class="panel-body">
							<div class="form-group">
								@include('voyager::multilingual.input-hidden', [
									'_field_name'  => 'nome',
									'_field_trans' => get_field_translations($dataTypeContent, 'titulo')
								])
								<input type="text" class="form-control" id="nome" name="nome" placeholder="{{ __('voyager::generic.title') }}" value="{{ $dataTypeContent->nome ?? '' }}">
							</div>


							<div class="form-group">
								@include('voyager::multilingual.input-hidden', [
									'_field_name'  => 'texto',
									'_field_trans' => get_field_translations($dataTypeContent, 'texto')
								])
                                <label for="">Texto em destaque</label>
								<input type="text" class="form-control" id="texto" name="texto" placeholder="Texto em Destaque" value="{{ $dataTypeContent->texto ?? '' }}">
							</div>

							
                        </div>
                    </div>
					
					
                    <!-- ### CONTENT ### -->
                    <div class="panel">
                        <div class="panel-heading">
                            <h3 class="panel-title">{{ __('voyager::paid-event-certificado.conteudo') }}</h3>
                            <div class="panel-actions">
                                <a class="panel-action voyager-resize-full" data-toggle="panel-fullscreen" aria-hidden="true"></a>
                            </div>
                        </div>

                        <div class="panel-body">
                            @include('voyager::multilingual.input-hidden', [
                                '_field_name'  => 'corpo',
                                '_field_trans' => get_field_translations($dataTypeContent, 'corpo')
                            ])
                            @php
                                $dataTypeRows = $dataType->{(isset($dataTypeContent->id) ? 'editRows' : 'addRows' )};
                                $row = $dataTypeRows->where('field', 'corpo')->first();
                            @endphp
                            {!! app('voyager')->formField($row, $dataType, $dataTypeContent) !!}
                        </div>
                    </div><!-- .panel -->					
					
                 </div>
				 
				 
				 
				 <div class="col-md-4">
				 
				 
                    <div class="panel panel-bordered panel-primary">
                        <div class="panel-heading">
                            <h3 class="panel-title"><i class="icon wb-image"></i> {{ __('voyager::paid-event-certificado.capa') }}</h3>
                            <div class="panel-actions">
                                <a class="panel-action voyager-angle-down" data-toggle="panel-collapse" aria-hidden="true"></a>
                            </div>
                        </div>
                        <div class="panel-body">
                            @if(isset($dataTypeContent->imagem_fundo))
                                <img src="{{ filter_var($dataTypeContent->imagem_fundo, FILTER_VALIDATE_URL) ? $dataTypeContent->imagem_fundo : Voyager::image( $dataTypeContent->imagem_fundo ) }}" style="width:100%" />
                            @endif
							<label for="imagem_fundo">Tam: 3508x2480px</label>
                            <input type="file" name="imagem_fundo">
                        </div>
                    </div>					 
				 

					<div class="panel">
                        <div class="panel-heading">
                            <h3 class="panel-title">{{ __('voyager::paid-event-certificado.dados') }}</h3>
                            <div class="panel-actions">
                                <a class="panel-action voyager-angle-down" data-toggle="panel-collapse" aria-hidden="true"></a>
                            </div>
                        </div>
                        <div class="panel-body">
                            @php
                                $dataTypeRows = $dataType->{(isset($dataTypeContent->id) ? 'editRows' : 'addRows' )};
                                $include = [
                                    // 'margin_top',
                                    // 'margin_bottom',
                                    // 'margin_left',
                                    // 'margin_right',
                                    'padding_top',
                                    'padding_bottom',
                                    'padding_left',
                                    'padding_right',
                                    'tamanho_fonte_texto',
                                    'tamanho_fonte_corpo',
                                    'espacamento',
                                    'fonte_texto',
                                    'fonte_corpo',
                                ];
                            @endphp

                            @foreach($dataTypeRows as $row)
                                @if(in_array($row->field, $include))
                                    @php
                                        $display_options = $row->details->display ?? NULL;
                                    @endphp
                                    @if (isset($row->details->formfields_custom))
                                        @include('voyager::formfields.custom.' . $row->details->formfields_custom)
                                    @else
                                        <div class="form-group @if($row->type == 'hidden') hidden @endif @if(isset($display_options->width)){{ 'col-md-' . $display_options->width }}@endif" @if(isset($display_options->id)){{ "id=$display_options->id" }}@endif>
                                            {{ $row->slugify }}
                                            <label for="name">{{ $row->display_name }}</label>
                                            @include('voyager::multilingual.input-hidden-bread-edit-add')
                                            @if($row->type == 'relationship')
                                                @include('voyager::formfields.relationship', ['options' => $row->details])
                                            @else
                                                {!! app('voyager')->formField($row, $dataType, $dataTypeContent) !!}
                                            @endif

                                            @foreach (app('voyager')->afterFormFields($row, $dataType, $dataTypeContent) as $after)
                                                {!! $after->handle($row, $dataType, $dataTypeContent) !!}
                                            @endforeach
                                        </div>
                                    @endif
                                @endif
                            @endforeach
                        </div>
                    </div>	
			 
				 
				</div>
				
				
				
			</div>
			
            <button type="submit" class="btn btn-primary pull-right">
                @if(isset($dataTypeContent->id)){{ __('voyager::paid-event-certificado.update') }}@else <i class="icon wb-plus-circle"></i> {{ __('voyager::paid-event-certificado.new') }} @endif
            </button>			
			
		</form>
		
        <iframe id="form_target" name="form_target" style="display:none"></iframe>
        <form id="my_form" action="{{ route('voyager.upload') }}" target="form_target" method="post" enctype="multipart/form-data" style="width:0px;height:0;overflow:hidden">
            {{ csrf_field() }}
            <input name="image" id="upload_file" type="file" onchange="$('#my_form').submit();this.value='';">
            <input type="hidden" name="type_slug" id="type_slug" value="{{ $dataType->slug }}">
        </form>		
		
		
	</div>

    <div class="modal fade modal-danger" id="confirm_delete_modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title"><i class="voyager-warning"></i> {{ __('voyager::generic.are_you_sure') }}</h4>
                </div>
                <div class="modal-body">
                    <h4>{{ __('voyager::generic.are_you_sure_delete') }} '<span class="confirm_delete_name"></span>'</h4>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
                    <button type="button" class="btn btn-danger" id="confirm_delete">{{ __('voyager::generic.delete_confirm') }}
                    </button>
                </div>
            </div>
        </div>
    </div>



@if(isset($dataTypeContent->id))



	<input type="hidden" name="dt_ini" id="dt_ini" value="{{$dataTypeContent->data_inicio}}">
	<input type="hidden" name="dt_fin" id="dt_fin" value="{{$dataTypeContent->data_fim}}">


<div class="modal fade modal-danger" id="modalExcluirModalidade">
	<div class="modal-dialog">
		<div class="modal-content">
			<form id="frmExcluirModalidade" action="/admin/evento/delete/modalidade" method="post">
			@csrf
			<input type="hidden" value="" name="id" id="exModalidade">		
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title"><i class="voyager-warning"></i>&nbsp;&nbsp;Excluir Modalidade</h4>
			</div>
			<div class="modal-body">
				<h4>Excluir a modalidade ?<span class="confirm_delete_name"></span></h4>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
				<button type="submit" class="btn btn-danger" >{{ __('voyager::generic.delete_confirm') }}
				</button>
			</div>
			</form>
		</div>
	</div>
</div>




<div class="modal fade modal-danger" id="modalExcluirCategoria">
	<div class="modal-dialog">
		<div class="modal-content">
			<form id="frmExcluirCategoria" action="/admin/evento/delete/categoria" method="post">
			@csrf
			<input type="hidden" value="" name="id" id="exCategoria">		
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title"><i class="voyager-warning"></i>&nbsp;&nbsp;Excluir Categoria</h4>
			</div>
			<div class="modal-body">
				<h4>Excluir a categoria ?<span class="confirm_delete_name"></span></h4>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
				<button type="submit" class="btn btn-danger" >{{ __('voyager::generic.delete_confirm') }}
				</button>
			</div>
			</form>
		</div>
	</div>
</div>



	
@endif


                  
@stop

@section('javascript')
	<script src="{{setting('site.url_site')}}js/form.js"></script>	

    <script>


        $('document').ready(function () {


       


			// tinymce.init({
            //     menubar: true,
			// 	selector: 'textarea.richTextBox',
			// 	height: 800,
			// 	toolbar: 'mybutton',

			// 	setup: function (editor) {
			// 		var toggleState = false;
			// 		editor.ui.registry.addMenuButton('mybutton', {
			// 		text: 'My button',
			// 		fetch: function (callback) {
			// 			var items = [
			// 			{
			// 				type: 'menuitem',
			// 				text: 'Menu item 1',
			// 				onAction: function () {
			// 				editor.insertContent('&nbsp;<em>You clicked menu item 1!</em>');
			// 				}
			// 			},
			// 			{
			// 				type: 'nestedmenuitem',
			// 				text: 'Menu item 2',
			// 				icon: 'user',
			// 				getSubmenuItems: function () {
			// 				return [
			// 					{
			// 					type: 'menuitem',
			// 					text: 'Sub menu item 1',
			// 					icon: 'unlock',
			// 					onAction: function () {
			// 						editor.insertContent('&nbsp;<em>You clicked Sub menu item 1!</em>');
			// 					}
			// 					},
			// 					{
			// 					type: 'menuitem',
			// 					text: 'Sub menu item 2',
			// 					icon: 'lock',
			// 					onAction: function () {
			// 						editor.insertContent('&nbsp;<em>You clicked Sub menu item 2!</em>');
			// 					}
			// 					}
			// 				];
			// 				}
			// 			},
			// 			{
			// 				type: 'togglemenuitem',
			// 				text: 'Toggle menu item',
			// 				onAction: function () {
			// 				toggleState = !toggleState;
			// 				editor.insertContent('&nbsp;<em>You toggled a menuitem ' + (toggleState ? 'on' : 'off') + '</em>');
			// 				},
			// 				onSetup: function (api) {
			// 				api.setActive(toggleState);
			// 				return function() {};
			// 				}
			// 			}
			// 			];
			// 			callback(items);
			// 		}
			// 		});

			// 	},
			// 	content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
			// 	});








            $('#slug').slugify();
			@if ($isModelTranslatable)
				$('.side-body').multilingual({"editing": true});
			@endif
        	$('.side-body input[data-slug-origin]').each(function(i, el) {
               $(el).slugify();
          	});
            $('.form-group').on('click', '.remove-multi-image', function (e) {
               e.preventDefault();
               $image = $(this).siblings('img');
                params = {
                   slug:   '{{ $dataType->slug }}',
                   image:  $image.data('imagem'),
                   id:     $image.data('id'),
                   field:  $image.parent().data('field-name'),
                   _token: '{{ csrf_token() }}'
               }
                $('.confirm_delete_name').text($image.data('imagem'));
               $('#confirm_delete_modal').modal('show');
           	});
            $('#confirm_delete').on('click', function(){
               $.post('{{ route('voyager.media.remove') }}', params, function (response) {
                   if ( response
                       && response.data
                       && response.data.status
                       && response.data.status == 200 ) {
                        toastr.success(response.data.message);
                       $image.parent().fadeOut(300, function() { $(this).remove(); })
                   } else {
                       toastr.error("Error removing image.");
                   }
               });
                $('#confirm_delete_modal').modal('hide');
           	});
           $('[data-toggle="tooltip"]').tooltip();
        });
    </script>
@stop