@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;}		
		#boxExtra a {text-decoration: none;}
		
		.form-check-inline {
			display: inline-block;
			margin-right: 1rem;
		}		
		
		@media (min-width: 992px){
			.modal-xl {
				width: 1140px;
			}
		}



    </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>
    @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.form-formularios.update', $dataTypeContent->id) }}@else{{ route('voyager.form-formularios.store') }}@endif" method="POST" enctype="multipart/form-data">
            <!-- PUT Method if we are editing -->
            @if(isset($dataTypeContent->id))
                {{ method_field("PUT") }}
            @endif
            {{ csrf_field() }}

            <div class="row">
                <div class="col-md-6">
                    <!-- ### TITLE ### -->
                        @if (count($errors) > 0) 
							<div class="panel">
								<div class="alert alert-danger">
									<ul>
										@foreach ($errors->all() as $error)
											<li>{{ $error }}</li>
										@endforeach
									</ul>
								</div>
							</div>
                        @endif



						
					
	




                    <div class="panel">
                        <div class="panel-heading">
                            <h3 class="panel-title"></h3>
                            <div class="panel-actions">
                            </div>
                        </div>
                        <div class="panel-body">
							 <div class="row">
								<div class="col-md-12">
									<div class="form-group">
										@include('voyager::multilingual.input-hidden', [
											'_field_name'  => 'nome',
											'_field_trans' => get_field_translations($dataTypeContent, 'nome')
										])
										 <label for="nome">{{ __('voyager::formulario.nome') }}</label>
										<input type="text" class="form-control" id="nome" name="nome" placeholder="{{ __('voyager::formulario.nome') }}" value="{{ $dataTypeContent->nome ?? '' }}">							
									</div>
									<div class="form-group">
										<label for="event_id">Eventos</label>


										@php
											$eventos = App\PaidEvent::all();
											$escolhas = App\FormFormularioPaidEvent::where('form_formulario_id',  $dataTypeContent->id)->get();
											$selecionados = array();
											foreach ($escolhas as $e) {
												$selecionados[] = $e->paid_event_id;
											}
										@endphp

										<select class="form-control select2" name="form_formulario_belongstomany_paid_event_relationship[]" multiple data-get-items-field="form_formulario_belongstomany_paid_event_relationship">
											@foreach ($eventos as $e)
												<option @if(in_array($e->id, $selecionados)) selected  @endif  value="{{$e->id}}">{{$e->titulo}}</option>
											@endforeach
										</select>





									</div>	
								</div>							 
							</div>
						</div>
					</div>



					@if(isset($dataTypeContent->id))
						@php
							$fixos = App\FormFixo::all();
							$extras = App\FormExtra::where('form_formulario_id',$dataTypeContent->id)->orderBy('ordem','asc')->get();
						@endphp

						{{--
						<div class="panel">
							<div class="panel-heading">
								<h3 class="panel-title">Adicionar Campos Padrão</h3>
								<div class="panel-actions">
								</div>
							</div>					
							<div class="panel-body">
								<div class="row">
									<div class="col-md-10">
										<div class="form-group">
											<select name="padrao" id="padrao" class="form-control">
											@if($fixos->count() > 0)
												@foreach($fixos as $fixo)
													<option value="{{$fixo->id}}">{{$fixo->rotulo}}</option>
												@endforeach
											@endif
											</select>
										</div>	
									</div>	
									<div class="col-md-2">
										<div class="form-group">
											<button type="button" id="btnAddPadrao" class="btn btn-primary btn-block">Adicionar</button>
										</div>	
									</div>									
								</div>	
							</div>	
						</div>	
						--}}
							
						<div class="panel">
							<div class="panel-heading">
								<h3 class="panel-title">Campos Adicionados</h3>
								<div class="panel-actions">
									<button type="button" id="btnAddExtra" class="btn btn-primary btn-block">Adicionar Campo Extra</button>
								</div>
							</div>
							<div class="panel-body">
								<div class="row">
									<div class="col-md-12">
										<table class="table table-bordered">
											<thead>
												<tr>
													<th>Ordem</th>
													<th>Campo</th>
													{{-- <th>Obrigatório</th> --}}
													<th>Único</th>
													<th>Ações</th>
												</tr>
											</thead>
											<tbody id="boxExtra">

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

											@if($extras->count() > 0)
												@foreach($extras as $extra)
													<tr id="l{{$extra->id}}" class="ui-state-default" data-id="{{$extra->id}}">
														<td>
															<div class="handler voyager-handle ui-sortable-handle"></div>
														</td>
														<td id="e1{{$extra->id}}"> 
															{{$extra->rotulo}}
														</td>
														{{-- <td id="e2{{$extra->id}}">
															<div onclick="_alterarRequerido({{$extra->id}});">
																<input type="checkbox" @if($extra->requerido == 1) checked @endif name="requerido{{$extra->id}}"  id="requerido{{$extra->id}}"  data-toggle="toggle" data-on="Sim" data-off="Não" value="1">
															</div>
														</td> --}}
														<td id="e3{{$extra->id}}">
															<div onclick="_alterarUnico({{$extra->id}});">
																<input type="checkbox" @if($extra->unico == 1) checked @endif name="unico{{$extra->id}}"  id="unico{{$extra->id}}" data-toggle="toggle" data-on="Sim" data-off="Não" value="1">
															</div>	
														</td>														
														<td>
															<a href="javascript:;" onclick="_excluirExtra({{$extra->id}});" title="Remover" class="pull-right" ><i class="voyager-trash"></i><span class="hidden-xs hidden-sm"></span></a>
															<a href="javascript:;" onclick="_editarExtra({{$extra->id}});" title="Editar" class="pull-right mr-1" ><i class="voyager-pen"></i><span class="hidden-xs hidden-sm"></span></a>
															<a href="javascript:;" onclick="_regras({{$extra->id}});" title="Regras" class="pull-right mr-1" ><i class="voyager-settings"></i><span class="hidden-xs hidden-sm"></span></a>
														</td>
													</tr>
												@endforeach
											@endif												
										@endif												
											</tbody>
										</table>
									</div>	
								</div>	
							</div>	
						</div>	
					@endif
					
					
					
					
                </div>
				
				
				<div class="col-md-6">
                    <div class="panel">
                        <div class="panel-heading">
                            <h3 class="panel-title">Pré Visualização do Formulário</h3>
                            <div class="panel-actions">
                            </div>
                        </div>
                        <div class="panel-body">

							<div class="row">
								<div class="col-lg-6 col-md-6 mb-0">
									<div class="form-group">
										<label for="register-form-name">Tipo de Documento *</label>
										<select class="form-control" id="tipodoc" name="tipo"  >
											<option value="">Selecione...</option>
											<option value="1">CPF</option>
											<option value="2">CNPJ</option>
											<option value="3">Estrangeiro (RNE)</option>
											<option value="4">Estrangeiro (passaporte)</option>
										</select>
									</div>
								</div>
								<div class="col-lg-6 col-md-6 mb-0" id="div-doc" >
									<div class="form-group">
										<label for="">Documento</label>
										<input type="text" id="documento" name="documento" value="{{old('documento')}}" class="form-control  required"   />
										<div>{{$errors->first('documento')}}</div>						
									</div>	
								</div>	
		
								<div class="col-lg-6 col-md-6 mb-0" id="div-cpf" style="display:none;">
									<div class="form-group">
										<label for="register-form-name">CPF: *</label>
										<input type="text" id="cpf" name="cpf" value="{{ old('cpf')}}"   class="form-control required "  />
										<div>{{$errors->first('cpf')}}</div>
									</div>
								</div>
								
								<div class="col-lg-6 col-md-6 mb-0" id="div-cnpj" style="display:none;">
									<div class="form-group">
										<label for="register-form-name">CNPJ: *</label>
										<input type="text" id="cnpjr" name="cnpj" value="{{ old('cnpj')}}"   class="form-control required "   />
										<div>{{$errors->first('cnpj')}}</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-lg-6 col-md-6 mb-0">
									<div class="form-group">
										<label for="register-form-name">Nome Completo: *</label>
										<input type="text" id="nome" pattern=".{8,50}"  name="nomec" value="{{ old('nome')}}"   class="form-control required "   />
										<div>{{$errors->first('nome')}}</div>					
									</div>
								</div>
								<div class="col-md-2 mb-0">
									<div class="form-group">
										<label for="register-form-phone">DDD: *</label>
										<input type="text" id="area" name="area" value="{{ old('area')}}" maxlength="2" class="form-control"    />
										<div>{{$errors->first('area')}}</div>
									</div>					
								</div>					
								<div class="col-md-4 mb-0">
									<div class="form-group">
										<label for="register-form-phone">Telefone: *</label>
										<input type="text" id="fone" name="fone" value="{{ old('fone')}}" class="form-control"   />
										<div>{{$errors->first('fone')}}</div>
									</div>						
								</div>
							</div>
							<div class="row">
								<div class="col-lg-6 col-md-6 mb-0">
									<div class="form-group">
										<label for="register-form-name">Sexo</label>
										<select class="form-control" name="sexo" id="sexo">
											<option value="M">Masculino</option>
											<option value="F">Feminino</option>
										</select>
									</div>
								</div>
								<div class="col-lg-6 col-md-6 mb-0">
									<div class="form-group">
										<label for="">Nascimento *</label>
										<input type="text" id="nasc" name="nasc" value="{{ old('nasc')}}" class="form-control"   />
										<div>{{$errors->first('nasc')}}</div>						
									</div>					
								</div>					
							</div>				
							<div class="row">
								<div class="col-lg-6 col-md-6 mb-0">
									<div class="form-group">
										<label for="">Email *</label>
										<input type="email" name="email" id="email" value="{{ old('email')}}" class="form-control"  />
										<div>{{$errors->first('email')}}</div>	
									</div>
								</div>
								<div class="col-lg-6 col-md-6 mb-0">
									<div class="form-group">
										<label for="">Confirmar Email *</label>
										<input type="email" name="email_confirmation"  id="email_confirmation"  value="{{ old('email_confirmation')}}" class="form-control"   />
										<div>{{$errors->first('email_confirmation')}}</div>						
									</div>					
								</div>					
							</div>	
							<hr>

							<div class="row" id="boxForm">
							
						@if(isset($dataTypeContent->id))
							@if($extras->count() > 0)
								@foreach($extras as $extra)	
									@if($extra->tipo->valor == "div" )
										<div class="col-md-12 mb-0">
											<h4><strong>{{$extra->rotulo}}</strong></h4>
										</div>
									@else	
									<div class="col-md-{{$extra->tamanho}}">
									
										<label>{{$extra->rotulo}} @if($extra->requerido == 1) * @endif</label><br>
										@if($extra->tipo->valor == "textarea") 
										<textarea class="form-control" name="{{$extra->nome}}" @if($extra->requerido == 1)  @endif ></textarea>
										@elseif($extra->tipo->valor == "select")	
										<select class="form-control" name="{{$extra->nome}}"  @if($extra->requerido == 1)  @endif>
											@php 
												$vls = explode(',',$extra->valor);
											@endphp
											@foreach($vls as $valor)	
												<option value="{{$valor}}">{{$valor}}</option>
											@endforeach
										</select>
										@elseif($extra->tipo->valor == "radio")
											@php 
												$vls = explode(',',$extra->valor);
											@endphp
											
											@foreach($vls as $valor)	
												<div class="form-check form-check-inline">
													<input name="{{$extra->nome}}" id="rad{{$valor}}" type="radio" class="form-check-input" value="{{$valor}}" @if($extra->requerido == 1)  @endif  />
													<label class="form-check-label" for="rad{{$valor}}">
														{{$valor}}
													</label>													
												</div>	
											@endforeach											
											
										@elseif($extra->tipo->valor == "checkbox")
											@php 
												$vls = explode(',',$extra->valor);
											@endphp										
											@foreach($vls as $valor)	
												<div class="form-check form-check-inline">
												  <input name="{{$extra->nome}}[]" class="form-check-input" type="checkbox" id="ck{{$valor}}" value="{{$valor}}">
												  <label class="form-check-label" for="ck{{$valor}}">{{$valor}}</label>
												</div>										
											@endforeach
										@else
										<input id="c{{$extra->id}}" class="form-control" name="{{$extra->nome}}" type="{{$extra->tipo->valor}}"  @if($extra->requerido == 1)  @endif />
										@endif
									</div>
									@endif
								@endforeach
							@endif	
						@endif	
							
							
							
							</div>
						</div>
					</div>
                </div>
            </div>
			
            <button type="submit" class="btn btn-primary pull-right">
                @if(isset($dataTypeContent->id)){{ __('voyager::event.update') }}@else <i class="icon wb-plus-circle"></i> {{ __('voyager::event.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="event" 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))	

	@php 
		$tipos = App\FormTipo::all();
		$masks = App\FormMascara::all();
	
	@endphp


    <div class="modal fade modal-primary" id="modalAddExtra">
        <div class="modal-dialog">
            <div class="modal-content">
			<form id="frmAddExtra" action="/admin/form/add/extra" method="post">
			@csrf
				<input type="hidden" value="{{$dataTypeContent->id}}" name="id" id="idAddForm">				
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Adicionar Campo Extra</h4>
                </div>
                <div class="modal-body">
					<div class="row">
						<input class="form-control" name="nome" type="hidden">
						<div class="col-md-12 mb-0">
							<div class="form-group">
								<label>Rótulo *</label>
								<input class="form-control" name="rotulo" type="text" required >
							</div>
						</div>	
					</div>
					<div class="row">
						<div class="col-md-6 mb-0">
							<div class="form-group">
								<label>Tipo *</label>
								<select name="form_tipo_id" class="form-control" required id="inputTipo" >
									@if($tipos->count() > 0)
										@foreach($tipos as $tipo)
											<option value="{{$tipo->id}}">{{$tipo->nome}}</option>
										@endforeach
									@endif
								</select>
							</div>
						</div>
						<div class="col-md-6 mb-0">
							<div class="form-group ">
								<label>Máscara</label>
								<select name="form_mascara_id" class="form-control" id="inputMascara">
									<option value="">Nenhuma</option>							
									@if($masks->count() > 0)
										@foreach($masks as $mask)
											<option value="{{$mask->id}}">{{$mask->nome}} - "{{$mask->valor}}"</option>
										@endforeach
									@endif
								</select>								
							</div>
						</div>						
					</div>					
					<div class="row">
						<input type="hidden" name="requerido" value="0">

						{{-- <div class="col-md-3 mb-0">
							<div class="form-group">
								<label>Obrigatório </label>
								<select name="requerido" class="form-control" >
									<option value="0" selected >Não</option>
									<option value="1">Sim</option>
								</select>
							</div>
						</div> --}}
						<div class="col-md-4 mb-0">
							<div class="form-group ">
								<label>Valor Único</label>
								<select name="unico" class="form-control">
									<option value="0" selected >Não</option>
									<option value="1">Sim</option>
								</select>								
							</div>
						</div>	
						
						<div class="col-md-4 mb-0">
							<div class="form-group">
								<label>Tamanho </label>
								<select name="tamanho" class="form-control" >
									<option value="12" selected >100%</option>
									<option value="6"  >50%</option>
									<option value="4"  >33%</option>
									<option value="3"  >25%</option>
								</select>
							</div>
						</div>
						<div class="col-md-4 mb-0">
							<div class="form-group ">
								<label>Ordem *</label>
								<input class="form-control" name="ordem" id="ordem" type="number" required>							
							</div>
						</div>							


					</div>						
					<div class="row">
						<div class="col-md-12 mb-0">
							<div class="form-group">
								<label>Valores (separados por vírgula )</label>
								<textarea class="form-control" name="valor"></textarea>
							</div>
						</div>					
					</div>	
					<div class="row">
						<div class="col-md-12 mb-0">
							<div class="form-group">
								<label>Instruções</label>
								<textarea class="form-control" name="instrucao"></textarea>
							</div>
						</div>					
					</div>	
                </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-primary">Adicionar</button>
                </div>
			</form>
            </div>
        </div>
    </div>	
	
	
	
	
	
    <div class="modal fade modal-primary" id="modalEditExtra">
        <div class="modal-dialog">
            <div class="modal-content">
			<form id="frmEditExtra" action="/admin/form/edit/extra" method="post">
			@csrf
				<input type="hidden" value="" name="id" id="idEditForm">				
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Adicionar Campo Extra</h4>
                </div>
                <div class="modal-body">
					<div class="row">
						
						<input class="form-control" name="nome" id="enome" type="hidden" >
						
						<div class="col-md-12 mb-0">
							<div class="form-group">
								<label>Rótulo *</label>
								<input class="form-control" name="rotulo"  id="erotulo" type="text" required>
							</div>
						</div>						
					</div>
					<div class="row">
						<div class="col-md-6 mb-0">
							<div class="form-group">
								<label>Tipo *</label>
								<select name="form_tipo_id"  id="eform_tipo_id"  class="form-control" required >
									@if($tipos->count() > 0)
										@foreach($tipos as $tipo)
											<option value="{{$tipo->id}}">{{$tipo->nome}}</option>
										@endforeach
									@endif
								</select>
							</div>
						</div>
						<div class="col-md-6 mb-0">
							<div class="form-group ">
								<label>Máscara</label>
								<select name="form_mascara_id"  id="eform_mascara_id" class="form-control">
									<option value="">Nenhuma</option>
									@if($masks->count() > 0)
										@foreach($masks as $mask)
											<option value="{{$mask->id}}">{{$mask->nome}} - "{{$mask->valor}}"</option>
										@endforeach
									@endif
								</select>								
							</div>
						</div>						
					</div>					
					<div class="row">

						<input type="hidden" name="requerido" value="0">
						{{-- <div class="col-md-6 mb-0">
							<div class="form-group">
								<label>Obrigatório </label>
								<select name="requerido"  id="erequerido"  class="form-control" >
									<option value="0" selected >Não</option>
									<option value="1">Sim</option>
								</select>
							</div>
						</div> --}}


						<div class="col-md-4 mb-0">
							<div class="form-group ">
								<label>Valor Único</label>
								<select name="unico"  id="eunico" class="form-control">
									<option value="0" selected >Não</option>
									<option value="1">Sim</option>
								</select>								
							</div>
						</div>
						
						<div class="col-md-4 mb-0">
							<div class="form-group">
								<label>Tamanho </label>
								<select name="tamanho"  id="etamanho" class="form-control" >
									<option value="12" selected >100%</option>
									<option value="6"  >50%</option>
									<option value="4"  >33%</option>
									<option value="3"  >25%</option>
								</select>
							</div>
						</div>
						<div class="col-md-4 mb-0">
							<div class="form-group ">
								<label>Ordem *</label>
								<input class="form-control" name="ordem" id="eordem" type="number" required>							
							</div>
						</div>							

					</div>
					<div class="row">
						<div class="col-md-12 mb-0">
							<div class="form-group">
								<label>Valores (separados por vírgula )</label>
								<textarea class="form-control" name="valor" id="evalor"  ></textarea>
							</div>
						</div>					
					</div>	
					<div class="row">
						<div class="col-md-12 mb-0">
							<div class="form-group">
								<label>Instruções</label>
								<textarea class="form-control" name="instrucao"  id="einstrucao" ></textarea>
							</div>
						</div>					
					</div>	
                </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-primary">Atualizar</button>
                </div>
			</form>
            </div>
        </div>
    </div>		
	
	
	
	
	
    <div class="modal fade modal-danger" id="modalDeleteExtra">
        <div class="modal-dialog">
            <div class="modal-content">
				<form id="frmExcluirExtra" action="/admin/form/delete/extra" method="post">
					@csrf
					<input type="hidden" value="" name="id" id="idDelExtra">				
				
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">Excluir Campo Extra</h4>
					</div>
					<div class="modal-body">
						<h4>Excluir este campo ?<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-primary" id="modalRegras">
        <div class="modal-dialog modal-xl">
            <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">Regras</h4>
				</div>
				<div class="modal-body">
					<form id="frmRegras" action="/admin/form/regras" method="post">
						@csrf
						<input type="hidden" value="" name="evento" id="idEvento">							
						<input type="hidden" value="" name="id" id="idCampo">							
						<div class="row">
							<div class="col-md-5 mb-0">
								<div class="form-group">
									<label>Modalidade *</label>
									<select name="modalidade" class="form-control" id="mod" required >
										<option value="">Selecione...</option>
										@if ($escolhas->count()>0)
											@foreach ($escolhas as $e )
												@php
													$modalidades = App\PaidEventPaidEventModalidade::where('paid_event_id', $e->paid_event_id )->get();
												@endphp
												@if ($modalidades->count()>0)
												<optgroup label="{{$e->evento->titulo}}">
													@foreach ($modalidades as $m )
														<option data-evento="{{$e->paid_event_id}}" value="{{$m->modalidade->id}}">{{$m->modalidade->nome}}</option>
													@endforeach
												</optgroup>
												@endif
											@endforeach
										@endif
									</select>
								</div>
							</div>						
							<div class="col-md-3 mb-0">
								<div class="form-group">
									<label>Categoria *</label>
									<select name="categoria" class="form-control" id="cat" required >
									</select>
								</div>
							</div>
							<div class="col-md-1 mb-0">
								<div class="form-group">
									<label for="">Visível</label><br/>
									<input type="checkbox"  name="vcategoria" data-toggle="toggle" data-on="Sim" data-off="Não" value="1" id="vcategoria">
								</div>
							</div>
							<div class="col-md-1 mb-0">
								<div class="form-group">
									<label for="">Obrigatório</label><br/>
									<input type="checkbox"  name="ocategoria" data-toggle="toggle" data-on="Sim" data-off="Não" value="1" id="ocategoria">
								</div>
							</div>	
							<div class="col-md-2 mb-0">
								<div class="form-group">
									<label for=""></label><br/>
									<button type="submit" class="btn btn-block btn-primary">Adicionar</button>
								</div>
							</div>	
						</div>
					</form>
					<div id="divRegras"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
				</div>			
            </div>
        </div>
    </div>	

	<div class="modal fade modal-danger" id="modalDeleteRegra">
        <div class="modal-dialog">
            <div class="modal-content">
				<form id="frmExcluirRegra" action="/admin/form/delete/regra" method="post">
					@csrf
					<input type="hidden" value="" name="id" id="idDelRegra">				
				
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">Excluir Regra</h4>
					</div>
					<div class="modal-body">
						<h4>Excluir esta Regra ?<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')

	@if(isset($dataTypeContent->id))
	<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>	
	<script src="{{setting('site.url_site')}}js/jquery.inputmask.bundle.min.js"></script>		
	<script src="{{setting('site.url_site')}}js/form.js"></script>		
	
	 <script>
	 
	 
	@if($extras->count() > 0)
		@foreach($extras as $extra)			
			@if($extra->form_mascara_id != "")
					$("#c{{$extra->id}}").inputmask("mask", {"mask": "{{$extra->mascara->valor}}"}); 
			@endif	 
		@endforeach
	@endif	
	 

	$('#frmExcluirRegra').ajaxForm({
		dataType: "json",
		success: function(data){
			$('#linha'+$("#idDelRegra").val()).remove();
			$('#modalDeleteRegra').modal('hide');	
		},
		error: function(data) {
			toastr["error"]("Não foi possivel executar esta ação","Ops!");
		}
	});	


	function _excluirRegra(i){
		$("#idDelRegra").val(i);
		$('#modalDeleteRegra').modal('show');		 
	 }


	function _regras(i){
		$('#idCampo').val(i);
		$('#divRegras').load('/admin/form/regras/'+i);
		$('#modalRegras').modal('show');
	}

	$('#frmRegras').ajaxForm({
		resetForm: true,
		dataType: "json",
		success: function(data){

			$('#vcategoria').click();
			$('#ocategoria').click();

			if(data.success == true){
				var res = data.resultado;
				if(res.v_categoria == 1){ var vc = "checked"; } else { var vc = "";}
				if(res.o_categoria == 1){ var oc = "checked"; } else { var oc = "";}
				$('#bdRegra').append(`
					<tr id="linha`+res.id+`">
						<td>`+res.evento+`</td>
						<td>`+res.modalidade+`</td>
						<td>`+res.categoria+`</td>
						<td>
							<div onclick="_alterarVis(`+res.id+`);">
                                <input type="checkbox" `+vc+` name="vis`+res.id+`" id="vis`+res.id+`" data-toggle="toggle" data-on="Sim" data-off="Não" value="1">
                            </div>
						</td>
						<td>
							<div onclick="_alterarReq(`+res.id+`);">
                                <input type="checkbox" `+oc+` name="req`+res.id+`" id="req`+res.id+`" data-toggle="toggle" data-on="Sim" data-off="Não" value="1">
                            </div>
						</td>
						<td class="text-center">
							<a href="javascript:;" onclick="_excluirRegra(`+res.id+`);" title="Remover">
									<i class="voyager-trash"></i>
									<span class="hidden-xs hidden-sm"></span>
								</a>							
						</td>
					</tr>
				`);

				$('#req'+res.id).bootstrapToggle();
				$('#vis'+res.id).bootstrapToggle();


			} else {

				toastr["error"]("Já existe uma regra com as mesmas opções cadastrada para este campo","Ops!");

			}



		},
		error: function(data) {
			toastr["error"]("Não foi possivel executar esta ação","Ops!");
		}
	});	

		$('#eform_mascara_id').on('change', function(){
			if($(this).val() != ''){
				$('#eform_tipo_id').val(1);
			}
		});
	 
		$('#inputMascara').on('change', function(){
			if($(this).val() != ''){
				$('#inputTipo').val(1);
			}
		});

		$('#eform_tipo_id').on('change', function(){
			if($('#eform_mascara_id').val() != ''){
				$('#eform_tipo_id').val(1);
			}
		});		

		$('#inputTipo').on('change', function(){
			if($('#inputMascara').val() != ''){
				$('#inputTipo').val(1);
			}
		});

		$('#mod').on('change', function(){
			$('#idEvento').val($(this).find("option:selected").attr('data-evento'));
            $.ajax({
                url: "/admin/eventos/combo/categorias",	
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                type: "POST",
                dataType: "json",
				data:{id: $(this).val(), ev: $(this).find("option:selected").attr('data-evento') },
                success: function(data){

					$('#cat').empty();
					$('#cat').append(new Option('Selecione...', ''));                
					data.forEach(element => {
						$('#cat').append(new Option(element.nome, element.id));
					});


                },
                error: function(data) {
                }
            });	



		});




		function _editarExtra(i){			
			$("#idEditForm").val(i);
            $.ajax({
                url: "/admin/form/show/extra/"+i,	
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                type: "GET",
                dataType: "json",
                success: function(data){
					$('#enome').val(data.nome);
					$('#erotulo').val(data.rotulo);
					$('#eform_tipo_id').val(data.form_tipo_id);
					$('#eform_mascara_id').val(data.form_mascara_id);
					//$('#erequerido').val(data.requerido);
					$('#evalor').html(data.valor);
					$('#etamanho').val(data.tamanho);
					$('#eordem').val(data.ordem);
					$('#einstrucao').html(data.instrucao);
					$('#eunico').val(data.unico);
					$('#modalEditExtra').modal('show');
                },
                error: function(data) {
                }
            });	
		}	 
	 
	 
	 
	 function _excluirExtra(i){
		$("#idDelExtra").val(i);
		$('#modalDeleteExtra').modal('show');		 
	 }
	 

	 

	 function _alterarVis(i){
		if( $("#vis"+i).is(":checked") == true){var v = 0;} else {var v = 1; } 		 
		$.ajax({
			type: 'GET',
			headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
			url: '/admin/form/status/visivel/'+v+'/'+i
		});		 
	 }

	 function _alterarReq(i){
		if( $("#req"+i).is(":checked") == true){var v = 0;} else {var v = 1; } 		 
		$.ajax({
			type: 'GET',
			headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
			url: '/admin/form/status/requerido/'+v+'/'+i
		});		 
	 }


	 
	 function _alterarRequerido(i){
		if( $("#requerido"+i).is(":checked") == true){var v = 0;} else {var v = 1; } 		 
		$.ajax({
			type: 'GET',
			headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
			url: '/admin/form/update/requerido/'+v+'/'+i
		});		 
	 }
	 
	 function _alterarUnico(i){
		if( $("#unico"+i).is(":checked") == true){var v = 0;} else {var v = 1; } 		 
		$.ajax({
			type: 'GET',
			headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
			url: '/admin/form/update/unico/'+v+'/'+i
		});	
	 }
	 
	 
	  $( function() {
		//$( "#boxExtra" ).sortable();
		
		
		$('#boxExtra').sortable({
			axis: 'y',
			update: function (event, ui){
				var list = new Array();
				$('#boxExtra').find('.ui-state-default').each(function(){
					var id=$(this).attr('data-id');    
					list.push(id);
				});				
				//var data = JSON.stringify(list);
				//var data = $('#boxExtra').sortable('serialize');
				$.ajax({
					data: {dados: list, id: {{$dataTypeContent->id}} },
					type: 'POST',
					dataType: "json",
					headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
					url: '/admin/form/ordem/extra',
					success: function(data){
						$('#boxForm').html("");
						$('#boxForm').html(data.html);
					}
				});
			}
		});
		$( "#boxExtra" ).disableSelection();
	  } );	 
	 
	 
	 




		$('#frmEditExtra').ajaxForm({
			dataType: "json",
			resetForm: true,
			success: function(data){
				if(data.success == true){
					$('#e1'+data.extra.id).html(data.extra.rotulo);
					$('#boxForm').html("");
					$('#boxForm').html(data.html);
					if(data.extra.unico == 1){
						$('#unico'+data.extra.id).bootstrapToggle('on');
					} else {
						$('#unico'+data.extra.id).bootstrapToggle('off');
					}
					$('#modalEditExtra').modal('hide');
					toastr["success"]("Campo atualizado com sucesso","Tudo certo!");
				} else {
					toastr["error"]("Este formulário já possui inscritos. Não é possível editar o nome do campo","Ops!");
				}
			},
			error: function(data) {
				toastr["error"]("Não foi possivel executar esta ação","Ops!");
			}
		});
	 
		$('#frmExcluirExtra').ajaxForm({
			dataType: "json",
			success: function(data){
				if(data.success ==  true){
					$("#l"+data.id).remove();
					$('#boxForm').html("");
					$('#boxForm').html(data.html);						
					$('#modalDeleteExtra').modal('hide');
					toastr["success"]("Campo excluido com sucesso","Tudo certo!");
				} else {
					toastr["error"](data.msg,"Falha na Ação!");
				}
			},
			error: function(data) {
				toastr["error"]("Não foi possivel executar esta ação","Ops!");
			}
		});		 
	 
	 
	 
		$('#frmAddExtra').ajaxForm({
			dataType: "json",
			resetForm: true,
			success: function(data){
					if(data.success == true){
						$('#boxForm').html("");
						$('#boxForm').html(data.html);						
						if(data.extra.requerido == 1){ var req = "checked"; } else { var req = "";}
						if(data.extra.unico == 1){ var unc = "checked"; } else { var unc = "";}
						$('#boxExtra').append(
							'<tr id="l'+data.extra.id+'" class="ui-state-default" data-id="'+data.extra.id+'">'+
								'<td>'+
									'<div class="handler voyager-handle ui-sortable-handle"></div>'+
								'</td>'+
								'<td id="e1'+data.extra.id+'">'+
									data.extra.rotulo+
								'</td>'+
								'<td id="e3'+data.extra.id+'">'+
									'<div onclick="_alterarUnico('+data.extra.id+');">'+
										'<input type="checkbox" '+unc+' name="unico'+data.extra.id+'"  id="unico'+data.extra.id+'" data-toggle="toggle" data-on="Sim" data-off="Não" value="1">'+
									'</div>'+
								'</td>'+
								'<td>'+
									'<a href="javascript:;" onclick="_excluirExtra('+data.extra.id+');" title="Remover" class="pull-right" ><i class="voyager-trash"></i><span class="hidden-xs hidden-sm"></span></a>'+
									'<a href="javascript:;" onclick="_editarExtra('+data.extra.id+');" title="Editar" class="pull-right mr-1" ><i class="voyager-pen"></i><span class="hidden-xs hidden-sm"></span></a>'+
									'<a href="javascript:;" onclick="_regras('+data.extra.id+');" title="Regras" class="pull-right mr-1" ><i class="voyager-settings"></i><span class="hidden-xs hidden-sm"></span></a>'+
								'</td>'+
							'</tr>'
						);			
						$('#requerido'+data.extra.id).bootstrapToggle();
						$('#unico'+data.extra.id).bootstrapToggle();					
						$('#modalAddExtra').modal('hide');
						toastr["success"]("Campo adicionado com sucesso","Tudo certo!");
					} else {
						toastr["error"]("Já existe um campo igual para este formulário","Ops!");
					}

					



			},
			error: function(data) {
				toastr["error"]("Não foi possivel executar esta ação","Ops!");
			}
		});			 
	 
	 
		$('#btnAddExtra').on('click', function(){
			$('#ordem').val( $('#boxExtra tr').length + 1 );
			$('#modalAddExtra').modal('show');
		});
	 
		$('#btnAddPadrao').on('click',function(){
            $.ajax({
                url: "/admin/form/add/padrao/"+$('#padrao').val()+"/{{$dataTypeContent->id}}",	
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                type: "GET",
                dataType: "json",
                success: function(data){
					$('#boxForm').html("");
					$('#boxForm').html(data.html);						
					if(data.extra.requerido == 1){ var req = "checked"; } else { var req = "";}
					if(data.extra.unico == 1){ var unc = "checked"; } else { var unc = "";}					
					$('#boxExtra').append(
						'<tr id="l'+data.extra.id+'" class="ui-state-default" data-id="'+data.extra.id+'">'+
							'<td>'+
								'<div class="handler voyager-handle ui-sortable-handle"></div>'+
							'</td>'+
							'<td id="e1'+data.extra.id+'">'+
								data.extra.rotulo+
							'</td>'+
							'<td id="e2'+data.extra.id+'">'+
								'<div onclick="_alterarRequerido('+data.extra.id+';">'+
									'<input type="checkbox" '+req+' name="requerido'+data.extra.id+'"  id="requerido'+data.extra.id+'"  data-toggle="toggle" data-on="Sim" data-off="Não" value="1">'+
								'</div>'+
							'</td>'+
							'<td id="e3'+data.extra.id+'">'+
								'<div onclick="_alterarUnico('+data.extra.id+');">'+
									'<input type="checkbox" '+unc+' name="unico'+data.extra.id+'"  id="unico'+data.extra.id+'" data-toggle="toggle" data-on="Sim" data-off="Não" value="1">'+
								'</div>'+
							'</td>'+
							'<td>'+
								'<a href="javascript:;" onclick="_excluirExtra('+data.extra.id+');" title="Remover" class="pull-right" ><i class="voyager-trash"></i><span class="hidden-xs hidden-sm"></span></a>'+
								'<a href="javascript:;" onclick="_editarExtra('+data.extra.id+');" title="Editar" class="pull-right mr-1" ><i class="voyager-pen"></i><span class="hidden-xs hidden-sm"></span></a>'+
							'</td>'+
						'</tr>'
					);	
					
					$('#requerido'+data.extra.id).bootstrapToggle();
					$('#unico'+data.extra.id).bootstrapToggle();
					
					toastr["success"]("Campo adicionado com sucesso","Tudo certo!");
                },
                error: function(data) {
                }
            });					
		});
	 </script>
	@endif

    <script>
	
        $('document').ready(function () {
            $('#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('image'),
                   id:     $image.data('id'),
                   field:  $image.parent().data('field-name'),
                   _token: '{{ csrf_token() }}'
               }
                $('.confirm_delete_name').text($image.data('image'));
               $('#confirm_delete_modal').modal('show');
           });
            $('#confirm_delete').on('click', function(){
               $.event('{{ 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