@extends('layouts.crud')
@section('title', 'Email - Cadastrar Novo')
@section('content')

	<div class="card">
	    <div class="card-header d-flex justify-content-between align-items-end">
			<h3>Cadastrar Novo Email</h3>

			<div id="divVoltar" class='pb-1 mr-3'>
				<a href="{{ route('email', []) }}" class="text-white">
					<i class="fas fa-reply"></i>
				</a>
			</div>
	    </div>

        <div class="card-body">
    			<div class="alert alert-danger alert-dismissible fade show" role="alert">
                    O limite de e-mails por hora é de 200, caso você envie mais de 200 e-mails, os e-mails restantes serão enviados apenas na hora seguinte!
                    <br/>
                    @if($errors->any())
                        @foreach($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    @endif
    			  	<button type="button" class="close" data-dismiss="alert" aria-label="Close">
    				    <span aria-hidden="true">&times;</span>
    			  	</button>
    			</div>
			{!! Form::open(['route'=>'email.store', 'files'=>true]) !!}
				<div class='form-row'>
                    <div class="form-group col-md-12">
                        {!! Form::label('send_to[]', 'Enviar para:') !!}
                        {!! Form::select('send_to[]', $sendTo, null, ['required', 'class'=>'form-control selectpicker', 'data-selected-text-format' => 'count > 2', 'data-live-search'=>'true', 'multiple']) !!}
                    </div>
					<div class="form-group col-md-12">
						{!! Form::label('titulo', 'Título:') !!}
		    	        {!! Form::text('titulo', null, ['class'=>'form-control', 'required', 'maxlength'=>191]) !!}
					</div>
					<div class="form-group col-md-12">
						<div class="d-flex align-items-center mb-2">
							{!! Form::label('conteudo', 'Conteúdo:', ['class' => 'mb-0 mr-2']) !!}
							<button type="button" class="btn btn-outline-secondary btn-sm mr-1" onclick="insertAtCursor('conteudo', '@{{associado.nome}}')">Nome</button>
							<button type="button" class="btn btn-outline-secondary btn-sm" onclick="insertAtCursor('conteudo', '@{{associado.sobrenome}}')">Sobrenome</button>
						</div>
                        {!! Form::textarea('conteudo', null, ['placeholder'=>'Informe o conteúdo do e-mail.', 'class'=>'form-control', 'id' => 'conteudo', 'rows' => 4, 'cols' => 54, 'style' => 'resize:none; margin-bottom: 15px']) !!}
                    </div>
                    <div class="form-group col-md-12">
                        {!! Form::label('anexo', 'Anexo (opcional):') !!}
                        {!! Form::file('anexo', ['class' => 'form-control']) !!}
                    </div>
                </div>
    			<div class='form-row'>
    				<div class="form-group col-md-6">
    				{!! Form::reset('Limpar', ['class'=>'btn btn-default']) !!}
    				{!! Form::submit('Cadastrar', ['class'=>'btn btn-primary']) !!}
    			</div>
    		{!! Form::close() !!}
	    </div>
	</div>
        <script>
            function insertAtCursor(textareaId, text) {
                const textarea = document.getElementById(textareaId);
                const startPos = textarea.selectionStart;
                const endPos = textarea.selectionEnd;
                const before = textarea.value.substring(0, startPos);
                const after = textarea.value.substring(endPos);
                textarea.value = before + text + after;
                textarea.focus();
                textarea.selectionStart = textarea.selectionEnd = startPos + text.length;
            }
        </script>
@stop

@section('table-delete')
""
@stop