@extends('layouts.publicador.default')

@section('content')

    <div class="container my-4 py-3">

        <h4 class="mb-4">
            @lang('labels.agenda')
            <small class="text-muted">@lang('labels.acoes.enviar') @lang('labels.convite')</small>
        </h4>

        @if (session('status-error'))
            <div class="alert alert-danger col-6 ml-auto mr-auto mb-3">
                {{ session('status-error') }}
            </div>
        @endif

        @if (session('status-success'))
            <div class="alert alert-success text-center" role="alert">
                {{ session('status-success') }}
            </div>
        @endif

        {!! Form::open(['route' => ['publicador.agenda.enviar_convite'], 'class' => 'form form-edit', 'files' => true]) !!}
        {{ Form::hidden('evento_id', $model->id) }}

        <div class="row">

            <div class="col-sm-12 mb-5">
                <p class="font-weight-bold h5">{{ empty($model->data_evento) ? $model->data_evento->format('d/m/Y H:i')  .'-'. $model->titulo  :   $model->titulo}}</p>
            </div>

            <div class="col-sm-12">
                <div class="form-group">
                    {{ Form::label('titulo', sprintf('%s', __('labels.titulo'))) }}
                    {{ Form::text('titulo', null, ['class' => 'form-control form-control-sm '.($errors->has('titulo') ? 'is-invalid' : ''), 'maxlength' => 190, 'placeholder' => sprintf('%s', __('labels.titulo'))]) }}
                </div>
            </div>

            <div class="col-sm-12">
                <div class="form-group">
                    {{ Form::label('mensagem', __('labels.mensagem')) }}
                    {{ Form::textarea('mensagem', null, ['class' => 'form-control form-control-sm '.($errors->has('mensagem') ? 'is-invalid' : ''), 'placeholder' => __('labels.mensagem')]) }}
                </div>
            </div>

            <div class="col-sm-12">
                <div class="form-group">
                    {{ Form::label('anexo', 'Anexo', ['class' => 'w-100']) }}
                    {{ Form::file('anexo[]', ['multiple' => 'multiple']) }}
                    @if ($errors->has('anexo'))
                        <div class="is-invalid invalid-feedback d-block">
                            <strong>{{ $errors->first('anexo') }}</strong>
                        </div>
                    @endif

                    @if ($errors->has('anexo.*'))
                        <div class="is-invalid invalid-feedback d-block">
                            <strong>{{ $errors->first('anexo.*') }}</strong>
                        </div>
                    @endif
                </div>
            </div>

            <div class="col-sm-12">
                <div class="form-group">
                    {{ Form::label('emails', trans_choice('labels.emails', 0)) }}
                    {{ Form::text('emails', null, ['class' => 'form-control form-control-sm emails '.($errors->has('emails') ? 'is-invalid' : ''), 'placeholder' => trans_choice('labels.emails', 0)]) }}
                    @if ($errors->has('emails'))
                        <div class="is-invalid invalid-feedback d-block">
                            <strong>{{ $errors->first('emails') }}</strong>
                        </div>
                    @endif
                    <p class="text-info">@lang('labels.msg.separe_virgulas_email')</p>
                </div>
            </div>

            <div class="col-sm-12 mb-5">
                <div class="@if ($errors->has('lista') || $errors->has('lista.*'))border border-danger p-3 mb-3 @endif">
                    <p class="mb-2">@choice('labels.listas', 0)</p>
                    @if ($errors->has('lista'))
                        <div class="is-invalid invalid-feedback d-block">
                            <strong>{{ $errors->first('lista') }}</strong>
                        </div>
                    @endif

                    @if ($errors->has('lista.*'))
                        <div class="is-invalid invalid-feedback d-block">
                            <strong>{{ $errors->first('lista.*') }}</strong>
                        </div>
                    @endif

                    <div class="row">
                        @foreach($listas as $p)
                            <div class="col-12 col-md-4">
                                <label class="form-check-label py-1 pr-3">
                                    {{ Form::checkbox('lista[]', $p) }} {{ Str::limit($p, 30, '...') }}
                                </label>
                            </div>
                        @endforeach
                    </div>

                </div>
            </div>

        </div>

        <div class="modal fade" id="modalModelo" tabindex="-1" role="dialog" aria-labelledby="modalModeloLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="modalModeloLabel">@lang('labels.visualizacao')</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="@lang('labels.acoes.fechar')">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body"></div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">@lang('labels.acoes.fechar')</button>
                    </div>
                </div>
            </div>
        </div>

        <p class="text-center">
            <a href="{{ route('publicador.agenda.index') }}" class="btn btn-danger">@lang('labels.acoes.cancelar')</a>
            {{ Form::button(__('labels.acoes.visualizar'), ['id' => 'preview', 'name' => 'preview', 'class' => 'btn btn-primary']) }}
            {{ Form::submit(__('labels.acoes.enviar'), ['name' => 'submit', 'class' => 'btn btn-success']) }}
        </p>

        {!! Form::close() !!}

    </div>

    @include('layouts.publicador.tinymce5')

    <script type="text/javascript">
        (function($){
            $('#preview').click(function(e)
            {
                const form = $('.form-edit');

                $.post(form.attr('action'), {
                    _token: form.find('input[name="_token"]').val(),
                    evento_id: form.find('input[name="evento_id"]').val(),
                    titulo: $('#titulo').val(),
                    mensagem: tinyMCE.activeEditor.getContent(),
                    preview: ''
                }).done(function(res){
                    var $modal = $('#modalModelo');
                    $modal.find('.modal-body').html(res);
                    $modal.modal('show');
                });
            });
        })(jQuery);

        let check = () => {
            let block = false;
            $.each($('input[type="checkbox"]'), (k,v) => {
                if($(v).prop('checked') === true)
                {
                    block = true;
                }
            });

            $('.emails').prop('disabled', block);
        };

        $('input[type="checkbox"]').click(check);

        check();

    </script>

@endsection