@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 }}
    @if(isset($dataTypeContent->id))
    <small>Visualizar: <a href="{{env('APP_URL')}}/eventos/{{$dataTypeContent->id}}/visualizar"
            target="_blank">{{env('APP_URL')}}/eventos/{{$dataTypeContent->id}}/visualizar</a></small>
    @endif
</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.paid-events.update', $dataTypeContent->id) }}@else{{ route('voyager.paid-events.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.nome') }}
                            <span class="panel-desc"> {{ __('voyager::paid-event.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' => 'titulo',
                            '_field_trans' => get_field_translations($dataTypeContent, 'titulo')
                            ])
                            <input type="text" class="form-control" id="titulo" name="titulo"
                                placeholder="{{ __('voyager::generic.title') }}"
                                value="{{ $dataTypeContent->titulo ?? '' }}">
                        </div>

                        <div class="form-group">
                            @include('voyager::multilingual.input-hidden', [
                            '_field_name' => 'endereco',
                            '_field_trans' => get_field_translations($dataTypeContent, 'endereco')
                            ])
                            <label>{{ __('voyager::paid-event.endereco') }}</label>
                            <input type="text" class="form-control" id="endereco" name="endereco"
                                placeholder="{{ __('voyager::paid-event.local') }}"
                                value="{{ $dataTypeContent->endereco ?? '' }}">
                        </div>


                    </div>
                </div>


                <!-- ### CONTENT ### -->
                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title">{{ __('voyager::paid-event.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' => 'conteudo',
                        '_field_trans' => get_field_translations($dataTypeContent, 'conteudo')
                        ])
                        @php
                        $dataTypeRows = $dataType->{(isset($dataTypeContent->id) ? 'editRows' : 'addRows' )};
                        $row = $dataTypeRows->where('field', 'conteudo')->first();
                        @endphp
                        {!! app('voyager')->formField($row, $dataType, $dataTypeContent) !!}
                    </div>
                </div><!-- .panel -->

                <!-- ### CONTENT ### -->
                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title">Termos de Aceite</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' => 'termos',
                        '_field_trans' => get_field_translations($dataTypeContent, 'termos')
                        ])
                        @php
                        $dataTypeRows = $dataType->{(isset($dataTypeContent->id) ? 'editRows' : 'addRows' )};
                        $row = $dataTypeRows->where('field', 'termos')->first();
                        @endphp
                        {!! app('voyager')->formField($row, $dataType, $dataTypeContent) !!}
                    </div>
                </div><!-- .panel -->





                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title">Informações para Entrega de Kits</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="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="">Endereço</label>
                                    <input type="text" class="form-control" id="end_kit" name="end_kit" placeholder="" value="{{ $dataTypeContent->end_kit ?? '' }}">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">De</label>
                                    <input type="date" class="form-control" id="dia_kit" name="dia_kit" placeholder="" value="{{ $dataTypeContent->dia_kit ?? '' }}">
                                </div>                                
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">Hora</label>
                                    <input type="time" class="form-control" id="hora_kit" name="hora_kit" placeholder="" value="{{ $dataTypeContent->hora_kit ?? '' }}">
                                </div>                                
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">Até</label>
                                    <input type="date" class="form-control" id="dia_fim_kit" name="dia_fim_kit" placeholder="" value="{{ $dataTypeContent->dia_fim_kit ?? '' }}">
                                </div>                                
                            </div>
                            
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="">Hora</label>
                                    <input type="time" class="form-control" id="hora_fim_kit" name="hora_fim_kit" placeholder="" value="{{ $dataTypeContent->hora_fim_kit ?? '' }}">
                                </div>                                
                            </div>                            

                        </div>


                        @php
                        $dataTypeRows = $dataType->{(isset($dataTypeContent->id) ? 'editRows' : 'addRows' )};
                        $include = ['regulamento_kit' ];
                        @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>










                @if(isset($dataTypeContent->id))
                <p>
                    <button type="button" id="abreModalidade" class="btn btn-primary">
                        Adicionar Modalidade
                    </button>
                </p>

                <h3>Modalidades Adicionadas</h3>
                <div style="border: 1px solid #c7c7c7; padding:10px;">
                    <div id="boxModalidade" class="w-100">

                        @php
                        $mds = App\PaidEventPaidEventModalidade::where('paid_event_id',$dataTypeContent->id )->get();

                        //dd($mds);

                        @endphp
                        @if($mds->count() > 0)
                        @foreach($mds as $md )

                        <div class="panel" id="panel{{$md->id}}">
                            <div class="panel-heading">
                                <h3 class="panel-title">{{$md->modalidade->nome}}</h3>
                                <div class="panel-actions">

                                    <a href="javascript:;" onclick="_excluirModalidade({{$md->id}});" title="Remover"
                                        class="btn btn-sm btn-danger pull-right delete">
                                        <i class="voyager-trash"></i>
                                        <span class="hidden-xs hidden-sm">Remover</span>
                                    </a>

                                    <a href="javascript:;" onclick="abreKit({{$md->id}});" title="Kit"
                                        class="btn btn-sm btn-success pull-right">
                                        <span class="hidden-xs hidden-sm">Kit</span>
                                    </a>


                                </div>
                            </div>
                            <div class="panel-body">




                                <button type="button" onclick="_modalIngresso({{$md->id}});"
                                    class="btn btn-success">Adicionar Ingressos</button>
                                <div style="border: 0px solid #c7c7c7; padding:10px;">
                                    <table class="table table-hover dataTable no-footer">
                                        <thead>
                                            <th>Nome</th>
                                            <th>Início</th>
                                            <th>H. Início</th>
                                            <th>Final</th>
                                            <th>H. Final</th>
                                            <th>Valor</th>
                                            <th>Ações</th>
                                        </thead>
                                        <tbody id="ingresso{{$md->id}}">
                                            @php
                                            $ticks =
                                            App\PaidEventPaidEventModalidadePaidEventTicket::where('paid_event_paid_event_modalidade_id',
                                            $md->id)->get();
                                            @endphp
                                            @if($ticks->count() > 0)
                                            @foreach($ticks as $ticket)
                                            <tr id="linhat{{$ticket->ingresso->id}}">
                                                <td id="c1{{$ticket->ingresso->id}}">{{$ticket->ingresso->nome}}</td>
                                                <td id="c2{{$ticket->ingresso->id}}">
                                                    {{date('d/m/Y',strtotime($ticket->ingresso->data_inicio))}}</td>
                                                <td id="c3{{$ticket->ingresso->id}}">
                                                    {{date('H:i',strtotime($ticket->ingresso->hora_inicio))}}</td>
                                                <td id="c4{{$ticket->ingresso->id}}">
                                                    {{date('d/m/Y',strtotime($ticket->ingresso->data_fim))}}</td>
                                                <td id="c5{{$ticket->ingresso->id}}">
                                                    {{date('H:i',strtotime($ticket->ingresso->hora_fim))}}</td>
                                                <td id="c6{{$ticket->ingresso->id}}">{{$ticket->ingresso->valor}}</td>
                                                <td>
                                                    <a href="javascript:;" onclick="_excluirIngresso({{$ticket->id}});"
                                                        title="Remover" class="pull-right link"><i
                                                            class="voyager-trash"></i><span
                                                            class="hidden-xs hidden-sm"></span></a>
                                                    <a href="javascript:;"
                                                        onclick="_editarIngresso({{$ticket->ingresso->id}},{{$md->id}});"
                                                        title="Editar" class="pull-right mr-1"><i
                                                            class="voyager-pen"></i><span
                                                            class="hidden-xs hidden-sm"></span></a>

                                                </td>
                                            </tr>
                                            @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                                <button type="button" onclick="_modalCategoria({{$md->id}});"
                                    class="btn btn-success">Adicionar Categorias</button>
                                <div style="border: 0px solid #c7c7c7; padding:10px;">
                                    <table class="table table-hover dataTable no-footer">
                                        <thead>
                                            <th>Nome</th>
                                            <th>Visibilidade</th>
                                            <th>Desconto</th>
                                            <th>Tipo</th>
                                            <th>Qtd</th>
                                            <th>Idade Min.</th>
                                            <th>Idade Max.</th>
                                            <th>Ações</th>
                                        </thead>
                                        <tbody id="categoria{{$md->id}}">
                                            @php
                                            $cats =
                                            App\PaidEventPaidEventModalidadePaidEventCategory::where('paid_event_paid_event_modalidade_id',
                                            $md->id)->get();
                                            @endphp
                                            @if($cats->count() > 0)
                                            @foreach($cats as $cat)
                                            <tr id="linhac{{$cat->categoria->id}}">
                                                <td id="k1{{$cat->categoria->id}}">{{$cat->categoria->nome}}</td>
                                                <td id="k2{{$cat->categoria->id}}">
                                                    @if($cat->categoria->status == 0) Ocultar @else Visível @endif
                                                </td>
                                                <td id="k3{{$cat->categoria->id}}">{{$cat->categoria->desconto}}</td>
                                                <td id="k4{{$cat->categoria->id}}">
                                                    @if($cat->categoria->tipo == 1) Valor @endif
                                                    @if($cat->categoria->tipo == 2) Percentual @endif
                                                </td>
                                                <td id="k5{{$cat->categoria->id}}">{{$cat->categoria->qtd_maximo}}</td>
                                                <td id="k6{{$cat->categoria->id}}">{{$cat->categoria->idade_minima}}</td>
                                                <td id="k7{{$cat->categoria->id}}">{{$cat->categoria->idade_maxima}}</td>
                                                <td>
                                                    <a href="javascript:;" onclick="_excluirCategoria({{$cat->id}});"
                                                        title="Remover" class="pull-right"><i
                                                            class="voyager-trash"></i><span
                                                            class="hidden-xs hidden-sm"></span></a>
                                                    <a href="javascript:;"
                                                        onclick="_editarCategoria({{$cat->categoria->id}}, {{$md->id}});"
                                                        title="Editar" class="pull-right mr-1"><i
                                                            class="voyager-pen"></i><span
                                                            class="hidden-xs hidden-sm"></span></a>
                                                </td>
                                            </tr>
                                            @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        @endforeach
                        @endif
                    </div>
                </div>

                @endif

            </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.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->capa))
                <img src="{{ filter_var($dataTypeContent->capa, FILTER_VALIDATE_URL) ? $dataTypeContent->capa : Voyager::image( $dataTypeContent->capa ) }}"
                    style="width:100%" />
                @endif
                <label for="capa"> Tam: 1920x300px</label>
                <input type="file" name="capa">
            </div>
        </div> --}}



        <div class="panel panel-bordered panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title"><i class="icon wb-image"></i> {{ __('voyager::paid-event.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">
                @php
                $dataTypeRows = $dataType->{(isset($dataTypeContent->id) ? 'editRows' : 'addRows' )};
                $include = ['capa'];
                @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">Tam: 1920x300px</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 class="panel panel-bordered panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title"><i class="icon wb-image"></i> {{ __('voyager::paid-event.banner') }}</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 = ['banner'];
        @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">Tam: 800x800px</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 class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">{{ __('voyager::paid-event.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 = ['entrega_kit', 'tipo','slug','status','paid_event_belongsto_casa_relationship'];
        @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 class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">Limites de Idade</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="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label>Idade Mínima</label>
                    <input type="number" name="idade_minima" id="idade_minima" class="form-control"
                        value="{{ $dataTypeContent->idade_minima ?? '' }}" min="0" max="100">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label>Idade Máxima</label>
                    <input type="number" name="idade_maxima" id="idade_maxima" class="form-control"
                        value="{{ $dataTypeContent->idade_maxima ?? '' }}" min="0" max="100">
                </div>
            </div>
        </div>


    </div>
</div>



<div class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">Data e Hora Evento</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="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label>Data Início Evento</label>
                    <input type="date" onkeydown="return false" name="dia_inicio" id="dia_inicio" class="form-control"
                        value="{{ $dataTypeContent->dia_inicio ?? '' }}">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label>Hora Início Evento</label>
                    <input type="time" name="h_inicio" id="h_inicio" class="form-control"
                        value="{{ $dataTypeContent->h_inicio ?? '' }}">
                </div>
            </div>
        </div>


        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label>Data Fim Evento</label>
                    <input type="date" onkeydown="return false" name="dia_fim" id="dia_fim" class="form-control"
                        value="{{ $dataTypeContent->dia_fim ?? '' }}">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label>Hora Fim Evento</label>
                    <input type="time" name="h_fim" id="h_fim" class="form-control"
                        value="{{ $dataTypeContent->h_fim ?? '' }}">
                </div>
            </div>
        </div>


    </div>
</div>


<div class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">Data e Hora Inscrições</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="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label>Data Inicio Inscrições</label>
                    <input type="date" onkeydown="return false" name="data_inicio" id="data_inicio" class="form-control"
                        value="{{ $dataTypeContent->data_inicio ?? '' }}">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label>Hora Inicio inscrições</label>
                    <input type="time" name="hora_inicio" id="hora_inicio" class="form-control"
                        value="{{ $dataTypeContent->hora_inicio ?? '' }}">
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label>Data Fim Inscrições</label>
                    <input type="date" onkeydown="return false" name="data_fim" id="data_fim" class="form-control"
                        value="{{ $dataTypeContent->data_fim ?? '' }}">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label>Hora Fim inscrições</label>
                    <input type="time" name="hora_fim" id="hora_fim" class="form-control"
                        value="{{ $dataTypeContent->hora_fim ?? '' }}">
                </div>
            </div>
        </div>

    </div>
</div>

<div class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">{{ __('voyager::paid-event.certificado') }}</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 = ['paid_event_belongsto_paid_event_certificado_relationship', 'baixa_certificado'];
        @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 class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">{{ __('voyager::paid-event.regulamento') }}</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 = ['regulamento'];
        @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 class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">{{ __('voyager::paid-event.resultado') }}</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 = ['resultado'];
        @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> --}}

@if(isset($dataTypeContent->id))
<div class="panel">
    <div class="panel-heading">
        <h3 class="panel-title">{{ __('voyager::paid-event.resultado') }}</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 text-center">
        @php
            $existe = App\PaidEventResult::where('event_id', $dataTypeContent->id)->get()->count();
        @endphp       
        @if($existe > 0)

            <div style="padding: 10px; border: 1px solid #ccc; text-align: center;">
                {{$existe}} Resultados existentes
            </div>
            <br />
            <a href="javascript:;" onclick="abreModalResultado();"  class="btn btn-success">Atualizar Resultado</a>
        @else
            <a href="javascript:;" onclick="abreModalResultado();"  class="btn btn-success">Carregar Resultado</a>
        @endif
    </div>    
</div>
@endif



</div>



</div>

<button type="submit" class="btn btn-primary pull-right">
    @if(isset($dataTypeContent->id)){{ __('voyager::paid-event.update') }}@else <i class="icon wb-plus-circle"></i>
    {{ __('voyager::paid-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="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))



<div class="modal fade modal-primary" id="modalResultado">
    <div class="modal-dialog">
        <div class="modal-content" id="modalc">

            <form action="/admin/enviar-resultado" method="post" enctype="multipart/form-data" id="frmResultado">
                @csrf
                <input type="hidden" name="evento" value="{{$dataTypeContent->id}}">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Enviar Resultado</h4>
                </div>
                <div class="modal-body">
                    <h5><strong>Atenção!</strong> Apenas será permitido aquivos .CSV com no máximo 5 MB</h5>
                    
                    <div class="form-group">
                      <label for="">Escolha o arquivo</label>
                      <input type="file" name="csvfile" class="form-control_" required >
                    </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">Enviar</button>
                </div>


            </form>

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



<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>


<div class="modal fade modal-danger" id="modalExcluirIngresso">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="frmExcluirIngresso" action="/admin/evento/delete/ingresso" method="post">
                @csrf
                <input type="hidden" value="" name="id" id="exIngresso">
                <input type="hidden" value="{{$dataTypeContent->id}}" name="evento">
                <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 Ingresso</h4>
                </div>
                <div class="modal-body">
                    <h4>Excluir o Ingresso ?<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>



<!-- modal modalidade -->
<div class="modal modal-primary fade" tabindex="-1" id="modalAddModalidade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="frmAddModalidade" action="/admin/evento/add/modalidade" method="post">
                @csrf
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                        aria-label="{{ __('voyager::generic.close') }}"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Adicionar Modalidades</h4>
                </div>
                <div class="modal-body">
                    @php
                    $mods = App\PaidEventModalidade::all();
                    @endphp
                    <input type="hidden" name="evento" value="{{$dataTypeContent->id}}">
                    <select class="form-control" name="modalidade">
                        @if($mods->count() > 0)
                        @foreach($mods as $mod)
                        <option value="{{$mod->id}}">{{$mod->nome}}</option>
                        @endforeach
                        @endif
                    </select>
                </div>
                <div class="modal-footer">
                    <button type="submit" id="addModalidade" class="btn btn-primary">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- modal modalidade -->

<!-- modal categoria -->


@php
$forms = App\FormFormulario::all();
@endphp


<div class="modal modal-primary fade" tabindex="-1" id="modalAddCategoria" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form id="frmAddCategoria" action="/admin/evento/add/categoria" method="post">
                @csrf
                <input type="hidden" value="" name="id" id="idm">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                        aria-label="{{ __('voyager::generic.close') }}"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Adicionar Categoria</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Nome *</label>
                                <input class="form-control" name="nome" type="text" required>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Desconto *</label>
                                <input class="form-control" name="desconto" id="desconto" type="text" required value="">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Tipo *</label>
                                <select class="form-control" name="tipo" required>
                                    <option selected value="1">Valor</option>
                                    <option value="2">Percentual</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Visibilidade *</label>
                                <select class="form-control" name="status" required>
                                    <option value="0">Ocultar</option>
                                    <option selected value="1">Visível</option>
                                </select>
                            </div>
                        </div>
                    </div>



                    <div class="row">

                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Qtd *</label>
                                <input class="form-control" name="qtd_maximo" type="number" required>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <label>Intervalo *: de</label>
                                <input class="form-control" name="numero_inicial" type="number" required>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label>Até</label>
                                <input class="form-control" name="numero_final" type="number" required>
                            </div>
                        </div>

                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Idade Min.</label>
                                <input class="form-control" name="idade_minima" id="addimin" type="number">
                            </div>
                        </div>

                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Idade Max.</label>
                                <input class="form-control" name="idade_maxima" id="addimax" type="number">
                            </div>
                        </div>

                    </div>

                    <input type="hidden" name="formulario" value="null">

                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- modal categoria -->


<!-- modal editar categoria -->

<div class="modal modal-primary fade" tabindex="-1" id="modalEditCategoria" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form id="frmEditCategoria" action="/admin/evento/edit/categoria" method="post">
                @csrf
                <input type="hidden" value="" name="id" id="idc">
                <input type="hidden" value="" name="mod" id="idmod">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                        aria-label="{{ __('voyager::generic.close') }}"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Editar Categoria</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Nome *</label>
                                <input class="form-control" name="nome" id="nomec" type="text" required>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Desconto *</label>
                                <input class="form-control" name="desconto" id="descontoc" type="text" required>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Tipo *</label>
                                <select class="form-control" name="tipo" id="tipoc" required>
                                    <option selected value="1">Valor</option>
                                    <option value="2">Percentual</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Visibilidade *</label>
                                <select class="form-control" name="status" id="statusc" required>
                                    <option value="0">Ocultar</option>
                                    <option selected value="1">Visível</option>
                                </select>
                            </div>
                        </div>
                    </div>



                    <div class="row">

                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Quantidade *</label>
                                <input class="form-control" name="qtd_maximo" id="qtd_maximoc" type="number" required>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <label>Intervalo *: de</label>
                                <input class="form-control" name="numero_inicial" id="numeroi" type="number" required>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label>Até</label>
                                <input class="form-control" name="numero_final" id="numerof" type="number" required>
                            </div>
                        </div>


                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Idade Min.</label>
                                <input class="form-control" name="idade_minima" id="iminima" type="number">
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <label>Idade Max.</label>
                                <input class="form-control" name="idade_maxima" id="imaxima" type="number">
                            </div>
                        </div>



                    </div>
                    <input type="hidden" name="formulario" value="null">
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Atualizar</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- modal editar categoria -->



<!-- modal ingresso -->

<div class="modal modal-primary fade" tabindex="-1" id="modalAddIngresso" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="frmAddIngresso" action="/admin/evento/add/ingresso" method="post"
                onsubmit="return validaIngresso();">
                @csrf
                <input type="hidden" value="" name="id" id="idi">
                <input type="hidden" value="{{$dataTypeContent->id ?? ''}}" name="evento">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                        aria-label="{{ __('voyager::generic.close') }}"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Adicionar Ingresso</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12 mb-0">
                            <div class="form-group">
                                <label>Nome *</label>
                                <input class="form-control" name="nome" type="text" required>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-0">
                            <div class="form-group">
                                <label>Início *</label>
                                <input class="form-control" id="data_inicio_ingresso" name="data_inicio" type="date"
                                    required>
                            </div>
                        </div>
                        <div class="col-md-6 mb-0">
                            <div class="form-group">
                                <label>Hora Início *</label>
                                <input class="form-control" id="hora_inicio_ingresso" name="hora_inicio" type="time"
                                    required>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-0">
                            <div class="form-group">
                                <label>Final *</label>
                                <input class="form-control" id="data_fim_ingresso" name="data_fim" type="date" required>
                            </div>
                        </div>
                        <div class="col-md-6 mb-0">
                            <div class="form-group">
                                <label>Hora Final *</label>
                                <input class="form-control" id="hora_fim_ingresso" name="hora_fim" type="time" required>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 mb-0">
                            <div class="form-group">
                                <label>Valor *</label>
                                <input class="form-control" name="valor"  id="valor" type="text" required>
                            </div>
                        </div>
                        <input type="hidden" name="qtd" value="0">
                    </div>


                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- modal ingresso -->




<!-- modal ingresso -->

<div class="modal modal-primary fade" tabindex="-1" id="modalEditIngresso" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="frmEditIngresso" action="/admin/evento/edit/ingresso" method="post">
                @csrf
                <input type="hidden" value="" name="id" id="idei">
                <input type="hidden" value="" name="modalidade" id="idmoda">
                <input type="hidden" value="{{$dataTypeContent->id ?? ''}}" name="evento">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                        aria-label="{{ __('voyager::generic.close') }}"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Editar Ingresso</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12 mb-0">
                            <div class="form-group">
                                <label>Nome</label>
                                <input class="form-control" name="nome" id="enome" type="text" required>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-0">
                            <div class="form-group">
                                <label>Início</label>
                                <input class="form-control" name="data_inicio" id="edata_inicio" type="date" required>
                            </div>
                        </div>
                        <div class="col-md-6 mb-0">
                            <div class="form-group">
                                <label>Hora Início</label>
                                <input class="form-control" name="hora_inicio" id="ehora_inicio" type="time" required>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-0">
                            <div class="form-group">
                                <label>Final</label>
                                <input class="form-control" name="data_fim" id="edata_fim" type="date" required>
                            </div>
                        </div>
                        <div class="col-md-6 mb-0">
                            <div class="form-group">
                                <label>Hora Final</label>
                                <input class="form-control" name="hora_fim" id="ehora_fim" type="time" required>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 mb-0">
                            <div class="form-group">
                                <label>Valor</label>
                                <input class="form-control" name="valor" id="evalor" type="text" required>
                            </div>
                        </div>
                        <input type="hidden" name="qtd" id="eqtd" value="0">
                    </div>


                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Atualizar</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- modal ingresso -->



<div class="modal fade modal-success" id="modalKit">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="frmKit" action="/admin/evento/kit" method="post" enctype="multipart/form-data">
                @csrf
                <input type="hidden" value="" name="id" id="idKit" />
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Kit</h4>
                </div>
                <div class="modal-body">
                    <input type="hidden" value="" name="ref" id="refKit" />
                    <div class="row">
                        <div class="col-md-6">

                            <div class="form-group">
                                <label for="">Nome *</label>
                                <input type="text" name="nome" id="nomeKit" class="form-control" placeholder="" value=""
                                    required />
                            </div>

                            <div class="form-group">
                                <label for="">Valor</label>
                                <input type="text" name="valor" id="valorKit" class="form-control" placeholder=""
                                    value="" />
                            </div>

                            <div class="form-group">
                                <label for="">Descrição</label>
                                <textarea name="descricao" id="descricaoKit" class="form-control"></textarea>
                            </div>

                        </div>
                        <div class="col-md-6">
                            <img src="" alt="" id="imgKit" style="width: 100%;" />
                            <div class="form-group">
                                <label for="">Imagem</label>
                                <input type="file" name="imagem" class="form-control" />
                            </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-success">Salvar</button>
                </div>
            </form>
        </div>
    </div>
</div>







@endif


@stop

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

<script>
    const validaIngresso = () => {
        let dataInicio = new Date($('#data_inicio_ingresso').val());
        let dataFim = new Date($('#data_fim_ingresso').val());

        if (dataFim.getTime() < dataInicio.getTime()) {
            toastr["error"]("A data final do ingresso não pode ser menor que a data inicial do ingresso",
                "Data Inválida!");
            return false;
        }


        if (dataInicio.getTime() == dataFim.getTime()) {
            let horaf = new Date('November 13, 2021 ' + $('#hora_fim_ingresso').val());
            let hf = horaf.getTime();
            let horai = new Date('November 13, 2021 ' + $('#hora_inicio_ingresso').val());
            let hi = horai.getTime();
            if (hf < hi) {
                toastr["error"]("A hora final do ingresso não pode ser menor que a hora inicial do ingresso",
                    "Hora Inválida!");
                return false;
            }
        }



    }


    const validaForm = () => {
        //verifica horarios inscricao
        let dataInicial = new Date($('#data_inicio').val());
        let dataFinal = new Date($('#data_fim').val());
        let horaf = new Date('November 13, 2021 ' + $('#hora_fim').val());
        let hf = horaf.getTime();
        let horai = new Date('November 13, 2021 ' + $('#hora_inicio').val());
        let hi = horai.getTime();

        // verifica horarios evento
        let diaInicial = new Date($('#dia_inicio').val());
        let diaFinal = new Date($('#dia_fim').val());
        let horafi = new Date('November 13, 2021 ' + $('#h_fim').val());
        let hfi = horafi.getTime();
        let horain = new Date('November 13, 2021 ' + $('#h_inicio').val());
        let hin = horain.getTime();

        //verifica horarios evento
        let dtInicialEvento = new Date($('#dia_inicio').val() + ' ' + $('#h_inicio').val());
        let dtFinalEvento = new Date($('#dia_fim').val() + ' ' + $('#h_fim').val());
        //verifica horarios inscricao
        let dtInicialInscricao = new Date($('#data_inicio').val() + ' ' + $('#hora_inicio').val());
        let dtFinalInscricao = new Date($('#data_fim').val() + ' ' + $('#hora_fim').val());

        let ddEInicial = new Date($('#dia_inicio').val() + ' 00:00:01');
        let ddEFinal = new Date($('#dia_fim').val() + ' 00:00:01');
        let ddIInicial = new Date($('#data_inicio').val() + ' 00:00:01');
        let ddIFinal = new Date($('#data_fim').val() + ' 00:00:01');

        //return false;

        if (ddEFinal < ddEInicial) {
            toastr["error"]("A data final do evento não pode ser menor que a data inicial do evento",
                "Data Inválida!");
            return false;
        }
        if (ddEInicial > ddEFinal) {
            toastr["error"]("A data inicial do evento não pode ser maior que a data final do evento",
                "Data Inválida!");
            return false;
        }
        if (ddEFinal.getTime() === ddEInicial.getTime()) {
            if (dtFinalEvento.getTime() < dtInicialEvento.getTime()) {
                toastr["error"]("A hora final do evento não pode ser menor que a hora inicial do evento",
                    "Hora Inválida!");
                return false;
            }
            if (dtFinalEvento.getTime() == dtInicialEvento.getTime()) {
                toastr["error"]("A hora final do evento não pode ser igual que a hora inicial do evento",
                    "Hora Inválida!");
                return false;
            }
        }
        if (ddIFinal < ddIInicial) {
            toastr["error"]("A data final da inscrição não pode ser menor que a data inicial da inscrição",
                "Data e Hora Inválidas!");
            return false;
        }
        if (ddIInicial > ddIFinal) {
            toastr["error"]("A data inicial da inscrição não pode ser maior que a data final da inscrição",
                "Data e Hora Inválidas!");
            return false;
        }
        if (ddIFinal.getTime() === ddIInicial.getTime()) {
            if (dtFinalInscricao.getTime() < dtInicialInscricao.getTime()) {
                toastr["error"]("A hora final da inscrição não pode ser menor que a hora inicial da inscrição",
                    "Hora Inválida!");
                return false;
            }
            if (dtFinalInscricao.getTime() == dtInicialInscricao.getTime()) {
                toastr["error"]("A hora final da inscrição não pode ser igual que a hora inicial da inscrição",
                    "Hora Inválida!");
                return false;
            }
        }
        if (ddEInicial < ddIInicial) {
            toastr["error"]("A data inicial do evento não pode ser menor que a data inicial da inscrição",
                "Data e Hora Inválidas!");
            return false;
        }
        if (ddIFinal > ddEInicial) {
            toastr["error"]("A data final da inscrição não pode ser maior que a data inicial do evento",
                "Data Inválida!");
            return false;
        }
        if (ddIFinal.getTime() === ddEInicial.getTime()) {
            if (dtFinalInscricao.getTime() > dtInicialEvento.getTime()) {
                toastr["error"]("A hora final da inscrição não pode ser maior que a hora inicial do evento",
                    "Hora Inválida!");
                return false;
            }
        }
    }


    let tmp = new Date(Date.now());
    let dateInputFormatted = tmp.toISOString().split('T')[0];


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


    function abreModalResultado(){
        $("#modalResultado").modal('show');
    }



    $("#valorKit").inputmask('currency', {
        "autoUnmask": true,
        radixPoint: ",",
        groupSeparator: ".",
        allowMinus: false,
        prefix: '',
        digits: 3,
        digitsOptional: false,
        rightAlign: true,
        unmaskAsNumber: true
    });


    const abreKit = (i) => {
        let kit = $('select[name="entrega_kit"] option:selected').val();     

        if(parseInt(kit) == 0){
            toastr["warning"]("Este evento não tem entrega de kits", "Ops!");
        } else {

            $('#frmKit').trigger("reset");
        $.ajax({
            url: "/admin/evento/kit/" + i,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: "GET",
            dataType: "json",
            success: function (data) {
                $('#idKit').val(i);
                if (data.success == true) {
                    $('#refKit').val(data.id);
                    $('#nomeKit').val(data.nome);
                    $('#valorKit').val(data.valor);
                    $('#descricaoKit').html(data.descricao);
                    $('#imgKit').attr('src', data.imagem);
                    $('#modalKit').modal('show');
                } else {

                    $('#refKit').val('');
                    $('#nomeKit').val('');
                    $('#valorKit').val('');
                    $('#descricaoKit').html('');
                    $('#imgKit').attr('src', '');
                    $('#modalKit').modal('show');
                }
            },
            error: function (data) {}
        });

        }


       

    }


    $('#frmKit').ajaxForm({
        dataType: "json",
        resetForm: true,
        success: function (data) {
            if (data.success == true) {
                toastr["success"]("Kit Atualizado com sucesso", "Tudo certo!");
                $('#modalKit').modal('hide');
            }
        },
        error: function (data) {
            toastr["error"]("Não foi possivel executar esta ação", "Ops!");
        }
    });
    $('#data_inicio').attr('max', $('#dia_inicio').val());
    $('#data_fim').attr('min', $('#data_inicio').val());
    $('#data_fim').attr('max', $('#dia_inicio').val());
    $('#data_inicio').on('change', function () {
        $('#data_fim').attr('min', $('#data_inicio').val());
    });
    $('#dia_inicio').on('change', function () {
        $('#data_inicio').attr('max', $('#dia_inicio').val());
        $('#data_fim').attr('max', $('#dia_inicio').val());
    });
    $('#edata_inicio').on('change', function () {
        $('#edata_fim').attr('min', $('#edata_inicio').val());
        $('#edata_fim').val($('#edata_inicio').val());
    });
    @endif

    @if(!isset($dataTypeContent->id))
    $('#data_inicio').val(dateInputFormatted);
    $('#dia_inicio').val(dateInputFormatted);
    $('#data_inicio').attr('min', dateInputFormatted);
    $('#dia_inicio').attr('min', dateInputFormatted);
    $('#data_fim').val(dateInputFormatted);
    $('#dia_fim').val(dateInputFormatted);
    $('#data_fim').attr('min', dateInputFormatted);
    $('#dia_fim').attr('min', dateInputFormatted);
    @else



    @endif

    function _excluirModalidade(i) {
        $("#exModalidade").val(i);
        $('#modalExcluirModalidade').modal('show');
    }

    $('#frmExcluirModalidade').ajaxForm({
        dataType: "json",
        success: function (data) {
            if (data.success == true) {
                $("#panel" + data.id).remove();
                $('#modalExcluirModalidade').modal('hide');
                toastr["success"]("Modalidade excluída com sucesso", "Tudo certo!");
            } else {
                if (data.pedido == true) {
                    toastr["error"]("Modalidade não foi excluída", "Falha na exclusão!");
                } else {
                    toastr["error"]("Este evento possui pedidos realizados", "Não é possível excluir!");
                }
            }
        },
        error: function (data) {
            toastr["error"]("Não foi possivel executar esta ação", "Ops!");
        }
    });

    $('#frmEditIngresso').ajaxForm({
		beforeSubmit: function(){
			//verifica horarios evento
			let dtInicialEvento = new Date($('#dia_inicio').val() + ' ' + $('#h_inicio').val());
			let dtFinalEvento = new Date($('#dia_fim').val() + ' ' + $('#h_fim').val());
			//verifica horarios inscricao
			let dtInicialInscricao = new Date($('#data_inicio').val() + ' ' + $('#hora_inicio').val());
			let dtFinalInscricao = new Date($('#data_fim').val() + ' ' + $('#hora_fim').val());

			let ddEInicial = new Date($('#dia_inicio').val() + ' 00:00:01');
			let ddEFinal = new Date($('#dia_fim').val() + ' 00:00:01');
			let ddIInicial = new Date($('#data_inicio').val() + ' 00:00:01');
			let ddIFinal = new Date($('#data_fim').val() + ' 00:00:01');
		
			//data ingressos
			let dtInicialLote = new Date($('#edata_inicio').val() + ' ' + $('#ehora_inicio').val());
			let dtFinalLote = new Date($('#edata_fim').val() + ' ' + $('#ehora_fim').val());
			let ddInicialLote = new Date($('#edata_inicio').val() + ' 00:00:01');
			let ddFinalLote = new Date($('#edata_fim').val() + ' 00:00:01');

			if(ddInicialLote < ddIInicial){
				toastr["error"]("A data inicial do lote não pode ser menor que a data inicial da inscrição", "Data Inválida");
				return false;
			}
			if(ddInicialLote > ddIFinal){
				toastr["error"]("A data inicial do lote não pode ser maior que a data final da inscrição", "Data Inválida");
				return false;
			}
			if(ddInicialLote.getTime() == ddIInicial.getTime()){
				if(dtInicialLote.getTime() < dtInicialInscricao.getTime()){
					toastr["error"]("A hora inicial do lote não pode ser menor que a hora inicial da inscrição", "Hora Inválida");
					return false;
				}
			}
			if(ddFinalLote < ddIInicial){
				toastr["error"]("A data final do lote não pode ser menor que a data inicial da inscrição", "Data Inválida");
				return false;
			}
			if(ddFinalLote > ddIFinal){
				toastr["error"]("A data final do lote não pode ser maior que a data final da inscrição", "Data Inválida");
				return false;
			}

			if(ddFinalLote.getTime() == ddIFinal.getTime()){
				if(dtFinalLote.getTime() > dtFinalInscricao.getTime()){
					toastr["error"]("A hora final do lote não pode ser maior que a hora final da inscrição", "Hora Inválida");
					return false;
				}
			}

			if(ddInicialLote.getTime() == ddFinalLote.getTime()){
				if(dtFinalLote.getTime() <= dtInicialLote.getTime()){
					toastr["error"]("A hora final do lote não pode ser maior nem igual que a hora inicial do lote", "Hora Inválida");
					return false;
				}
			}
		},
        dataType: "json",
        success: function (data) {
            if (data.existe == true) {
                toastr["error"]("Já existe um ingresso com este nome para esta modalidade", "Ops!");
            } else {
                if (data.fora == true) {
                    toastr["error"](
                        "Verifique a data e hora do ingresso. Não podem estar fora do período de inscrição.",
                        "Ops!");
                } else {
                    if (data.success == true) {
                        $("#c1" + data.id).html(data.nome);
                        $("#c2" + data.id).html(data.data_inicio);
                        $("#c3" + data.id).html(data.hora_inicio);
                        $("#c4" + data.id).html(data.data_fim);
                        $("#c5" + data.id).html(data.hora_fim);
                        $("#c6" + data.id).html(data.valor);
                        //$("#c7" + data.id).html(data.qtd);
                        $('#modalEditIngresso').modal('hide');
                        toastr["success"]("Ingresso atualizado com sucesso", "Tudo certo!");
                    } else {
                        toastr["error"](
                            "A Data e Hora do ingresso não podem ser menores que o último cadastrado.",
                            "Ops!");
                    }
                }
            }
        },
        error: function (data) {
            toastr["error"]("Não foi possivel executar esta ação", "Ops!");
        }
    });

    $('#frmEditCategoria').ajaxForm({
        dataType: "json",
        success: function (data) {
            if (data.success == true) {
                $("#k1" + data.id).html(data.nome);
                $("#k2" + data.id).html(data.status);
                $("#k3" + data.id).html(data.desconto);
                $("#k4" + data.id).html(data.tipo);
                $("#k5" + data.id).html(data.qtd);
                $("#k6" + data.id).html(data.imin);
                $("#k7" + data.id).html(data.imax);
                $('#modalEditCategoria').modal('hide');
                toastr["success"]("Categoria atualizado com sucesso", "Tudo certo!");
            } else {
                toastr["error"](data.msg, "Falha na atualização!");
            }
        },
        error: function (data) {
            toastr["error"]("Não foi possivel executar esta ação", "Ops!");
        }
    });

    function _editarCategoria(i, m) {
        $("#idc").val(i);
        $("#idmod").val(m);
        $.ajax({
            url: "/admin/evento/edit/categoria/" + i,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: "GET",
            dataType: "json",
            success: function (data) {
                $('#nomec').val(data.nome);
                $('#statusc').val(data.status);
                $('#descontoc').val(data.desconto);
                $('#tipoc').val(data.tipo);
                $('#numeroi').val(data.numeroi);
                $('#numerof').val(data.numerof);
                $('#qtd_maximoc').val(data.qtd);
                $('#iminima').val(data.imin);
                $('#imaxima').val(data.imax);
                //$('#formularioc').val(data.frm).change();
                
                let pago = $('select[name="tipo"] option:selected').val();   
                if(parseInt(pago) == 2){
                    $('#descontoc').attr('readonly',true);
                } else{
                    $('#descontoc').attr('readonly',false);
                } 

                $('#modalEditCategoria').modal('show');
            },
            error: function (data) {}
        });
    }

    function _editarIngresso(i,m) {
        $("#idei").val(i);
        $("#idmoda").val(m);
        $.ajax({
            url: "/admin/evento/edit/ingresso/" + i,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: "GET",
            dataType: "json",
            success: function (data) {
                $('#enome').val(data.nome);
                $('#edata_inicio').val(data.data_inicio);
                $('#edata_fim').val(data.data_fim);
                $('#ehora_inicio').val(data.hora_inicio);
                $('#ehora_fim').val(data.hora_fim);
                $('#evalor').val(data.valor);
                $('#eqtd').val(data.qtd);
                let pago = $('select[name="tipo"] option:selected').val();   
                if(parseInt(pago) == 2){
                    $('#evalor').attr('readonly',true);
                } else{
                    $('#evalor').attr('readonly',false);
                }
                $('#modalEditIngresso').modal('show');
            },
            error: function (data) {}
        });
    }

    function _excluirIngresso(i) {
        $("#exIngresso").val(i);
        $('#modalExcluirIngresso').modal('show');
    }

    $('#frmExcluirIngresso').ajaxForm({
        dataType: "json",
        success: function (data) {
            if (data.success == true) {
                if (data.result == true) {
                    $("#linhat" + data.id).remove();
                    $('#modalExcluirIngresso').modal('hide');
                    toastr["success"]("Ingresso excluído com sucesso", "Tudo certo!");
                } else {
                    toastr["error"]("Esta modalidade possui categorias cadastradas",
                        "Não foi possivel excluir");
                }
            } else {
                toastr["error"]("Ingresso não foi excluído", "Falha na exclusão!");
            }
        },
        error: function (data) {
            toastr["error"]("Não foi possivel executar esta ação", "Ops!");
        }
    });

    function _excluirCategoria(i) {
        $("#exCategoria").val(i);
        $('#modalExcluirCategoria').modal('show');
    }


    $('#frmResultado').ajaxForm({
        beforeSubmit: function(){
            $('#modalc').block({ message: '<h1>Aguarde...</h1>' });   
        },
        dataType: "json",
        success: function (data) {
            $('#modalc').unblock();
            if(data.success == true){
                $('#modalResultado').modal('hide');
                location.reload();
            }
        },
        error: function (data) {
            $('#modalc').unblock(); 
            toastr["error"]("Não foi possivel executar esta ação", "Ops!");
        }
    });



    $('#frmExcluirCategoria').ajaxForm({
        dataType: "json",
        success: function (data) {
            if (data.success == true) {
                $("#linhac" + data.id).remove();
                $('#modalExcluirCategoria').modal('hide');
                toastr["success"]("Categoria excluída com sucesso", "Tudo certo!");
            } else {
                toastr["error"]("Categoria não foi excluída", "Falha na exclusão!");
            }
        },
        error: function (data) {
            toastr["error"]("Não foi possivel executar esta ação", "Ops!");
        }
    });

    function _modalCategoria(i) {
        let pago = $('select[name="tipo"] option:selected').val();   
        if(parseInt(pago) == 2){
            $('#desconto').val(0);
            $('#desconto').attr('readonly',true);
        } else{
            $('#desconto').val('');
            $('#desconto').attr('readonly',false);
        } 
        $("#idm").val(i);

        $("#addimin").val($('#idade_minima').val());
        $("#addimax").val($('#idade_maxima').val());

        $('#modalAddCategoria').modal('show');
    }



    function _modalIngresso(i) {
        let pago = $('select[name="tipo"] option:selected').val();   
        if(parseInt(pago) == 2){
            $('#valor').val(0);
            $('#valor').attr('readonly',true);
        } else{
            $('#valor').val('');
            $('#valor').attr('readonly',false);
        } 
        $("#idi").val(i);

        $('#modalAddIngresso').modal('show');
    }

    $('#frmAddCategoria').ajaxForm({
        dataType: "json",
        resetForm: true,
        success: function (data) {
            if (data.success == true) {
                $('#categoria' + $("#idm").val()).append(
                    '<tr id="linhac' + data.ref + '">' +
                    '<td id="k1' + data.ref + '">' + data.nome + '</td>' +
                    '<td id="k2' + data.ref + '">' + data.status + '</td>' +
                    '<td id="k3' + data.ref + '">' + data.desconto + '</td>' +
                    '<td id="k4' + data.ref + '">' + data.tipo + '</td>' +
                    '<td id="k5' + data.ref + '">' + data.qtd + '</td>' +
                    '<td id="k6' + data.ref + '">' + data.imin + '</td>' +
                    '<td id="k7' + data.ref + '">' + data.imax + '</td>' +
                    '<td><a href="javascript:;" onclick="_excluirCategoria(' + data.id +
                    ');" title="Remover" class="pull-right" ><i class="voyager-trash"></i><span class="hidden-xs hidden-sm"></span></a><a href="javascript:;" onclick="_editarCategoria(' +
                    data.ref + ', ' + data.modalidade +
                    ')" title="Editar" class="pull-right mr-1" ><i class="voyager-pen"></i><span class="hidden-xs hidden-sm"></span></a></td>' +
                    '</tr>'
                );
                $('#modalAddCategoria').modal('hide');

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

    $('#frmAddIngresso').ajaxForm({
		beforeSubmit: function(){
			//verifica horarios evento
			let dtInicialEvento = new Date($('#dia_inicio').val() + ' ' + $('#h_inicio').val());
			let dtFinalEvento = new Date($('#dia_fim').val() + ' ' + $('#h_fim').val());
			//verifica horarios inscricao
			let dtInicialInscricao = new Date($('#data_inicio').val() + ' ' + $('#hora_inicio').val());
			let dtFinalInscricao = new Date($('#data_fim').val() + ' ' + $('#hora_fim').val());

			let ddEInicial = new Date($('#dia_inicio').val() + ' 00:00:01');
			let ddEFinal = new Date($('#dia_fim').val() + ' 00:00:01');
			let ddIInicial = new Date($('#data_inicio').val() + ' 00:00:01');
			let ddIFinal = new Date($('#data_fim').val() + ' 00:00:01');
		
			//data ingressos
			let dtInicialLote = new Date($('#edata_inicio').val() + ' ' + $('#ehora_inicio').val());
			let dtFinalLote = new Date($('#edata_fim').val() + ' ' + $('#ehora_fim').val());
			let ddInicialLote = new Date($('#edata_inicio').val() + ' 00:00:01');
			let ddFinalLote = new Date($('#edata_fim').val() + ' 00:00:01');

			if(ddInicialLote < ddIInicial){
				toastr["error"]("A data inicial do lote não pode ser menor que a data inicial da inscrição", "Data Inválida");
				return false;
			}
			if(ddInicialLote > ddIFinal){
				toastr["error"]("A data inicial do lote não pode ser maior que a data final da inscrição", "Data Inválida");
				return false;
			}
			if(ddInicialLote.getTime() == ddIInicial.getTime()){
				if(dtInicialLote.getTime() < dtInicialInscricao.getTime()){
					toastr["error"]("A hora inicial do lote não pode ser menor que a hora inicial da inscrição", "Hora Inválida");
					return false;
				}
			}
			if(ddFinalLote < ddIInicial){
				toastr["error"]("A data final do lote não pode ser menor que a data inicial da inscrição", "Data Inválida");
				return false;
			}
			if(ddFinalLote > ddIFinal){
				toastr["error"]("A data final do lote não pode ser maior que a data final da inscrição", "Data Inválida");
				return false;
			}

			if(ddFinalLote.getTime() == ddIFinal.getTime()){
				if(dtFinalLote.getTime() > dtFinalInscricao.getTime()){
					toastr["error"]("A hora final do lote não pode ser maior que a hora final da inscrição", "Hora Inválida");
					return false;
				}
			}

			if(ddInicialLote.getTime() == ddFinalLote.getTime()){
				if(dtFinalLote.getTime() <= dtInicialLote.getTime()){
					toastr["error"]("A hora final do lote não pode ser maior nem igual que a hora inicial do lote", "Hora Inválida");
					return false;
				}
			}
		},		
        dataType: "json",
        resetForm: false,
        success: function (data) {
            if (data.existe == true) {
                toastr["error"]("Já existe um ingresso com este nome para esta modalidade", "Ops!");
            } else {
                if (data.fora == true) {
                    toastr["error"](
                        "Verifique a data e hora do ingresso. Não podem estar fora do período de inscrição.",
                        "Ops!");
                } else {
                    if (data.success == true) {
                        $('#ingresso' + $("#idi").val()).append(
                            '<tr id="linhat' + data.ref + '">' +
                            '<td id="c1' + data.ref + '">' + data.nome + '</td>' +
                            '<td id="c2' + data.ref + '">' + data.data_inicio + '</td>' +
                            '<td id="c3' + data.ref + '">' + data.hora_inicio + '</td>' +
                            '<td id="c4' + data.ref + '">' + data.data_fim + '</td>' +
                            '<td id="c5' + data.ref + '">' + data.hora_fim + '</td>' +
                            '<td id="c6' + data.ref + '">' + data.valor + '</td>' +
                            '<td><a href="javascript:;" onclick="_excluirIngresso(' + data.id +
                            ');" title="Remover" class="pull-right" ><i class="voyager-trash"></i><span class="hidden-xs hidden-sm"></span></a><a href="javascript:;" onclick="_editarIngresso(' +
                            data.ref +','+data.modalidade+
                            ')" title="Editar" class="pull-right mr-1" ><i class="voyager-pen"></i><span class="hidden-xs hidden-sm"></span></a></td>' +
                            '</tr>'
                        );
                        $('#modalAddIngresso').modal('hide');


                    } else {

                        toastr["error"](
                            "A Data e Hora do ingresso não podem ser menores que o último cadastrado.",
                            "Ops!");

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

    $('document').ready(function () {
        $('#slug').slugify();

        $("#abreModalidade").on('click', function () {
            $('#modalAddModalidade').modal('show');
        });

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

                if (data.success == true) {

                    $('#boxModalidade').append(
                        '<div class="panel" id="panel' + data.id + '">' +
                        '<div class="panel-heading">' +
                        '<h3 class="panel-title">' + data.nome + '</h3>' +
                        '<div class="panel-actions">' +
                        '<a href="javascript:;" onclick="_excluirModalidade(' + data.id +
                        ');" title="Remover" class="btn btn-sm btn-danger pull-right delete" ><i class="voyager-trash"></i><span class="hidden-xs hidden-sm">Remover</span></a>' +
                        '</div>' +
                        '</div>' +
                        '<div class="panel-body">' +
                        '<button type="button" onclick="_modalIngresso(' + data.id +
                        ');" class="btn btn-success">Adicionar Ingressos</button>' +
                        '<div style="border: 0px solid #c7c7c7; padding:10px;">' +
                        '<table class="table table-hover dataTable no-footer">' +
                        '<thead>' +
                        '<th>Nome</th>' +
                        '<th>Início</th>' +
                        '<th>H. Início</th>' +
                        '<th>Final</th>' +
                        '<th>H. Final</th>' +
                        '<th>Valor</th>' +
                        '<th>Qtd</th>' +
                        '<th>Ações</th>' +
                        '</thead>' +
                        '<tbody id="ingresso' + data.id + '">' +
                        '</tbody>' +
                        '</table>' +
                        '</div>' +
                        '<button type="button" onclick="_modalCategoria(' + data.id +
                        ');" class="btn btn-success">Adicionar Categorias</button>' +
                        '<div style="border: 0px solid #c7c7c7; padding:10px;">' +
                        '<table class="table table-hover dataTable no-footer">' +
                        '<thead>' +
                        '<th>Nome</th>' +
                        '<th>Visibilidade</th>' +
                        '<th>Desconto</th>' +
                        '<th>Tipo</th>' +
                        '<th>Ações</th>' +
                        '</thead>' +
                        '<tbody id="categoria' + data.id + '">' +
                        '</tbody>' +
                        '</table>' +
                        '</div>' +
                        '</div>' +
                        '</div>'
                    );
                    $('#modalAddModalidade').modal('hide');
                } else {
                    toastr["error"]("Modalidade já cadastrada para este evento", "Ops!");
                }
            },
            error: function (data) {
                toastr["error"]("Não foi possivel executar esta ação", "Ops!");
            }
        });

        @if($isModelTranslatable)
        $('.side-body').multilingual({
            "editing": true
        });
        @endif

        $('.side-body input[data-slug-origin]').each(function (i, el) {
            $(el).slugify();
        });


        var params = {};
        var $file;

        function deleteHandler(tag, isMulti) {
            return function () {
                $file = $(this).siblings(tag);

                params = {
                    slug: '{{ $dataType->slug }}',
                    filename: $file.data('file-name'),
                    id: $file.data('id'),
                    field: $file.parent().data('field-name'),
                    multi: isMulti,
                    _token: '{{ csrf_token() }}'
                }

                $('.confirm_delete_name').text(params.filename);
                $('#confirm_delete_modal').modal('show');
            };
        }

        $('.form-group').on('click', '.remove-single-image', deleteHandler('img', false));
        $('.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);
                        $file.parent().fadeOut(300, function () {
                            $(this).remove();
                        })
                    } else {
                        toastr.error("Error removing image.");
                    }
                });
            $('#confirm_delete_modal').modal('hide');
        });
        $('[data-toggle="tooltip"]').tooltip();
    });

</script>
@stop