@extends('layouts.secundario.index')
@section('titulo', 'Enviar E-mail')
@section('fields')
    @if(count($servidores) == 0)
        <div class="alert alert-danger mb-3" style="flex-direction: row">
            Nenhum servidor de e-mail cadastrado! Cadastre <a style="padding-left: 3px" href="{{route('geral', ['recurso', 'provedor-email', \App\Structural\Enums\Estrutura\Acao::NOVO->slug()])}}">aqui</a>.
        </div>
    @endif
    <form action="{{route('geral', ['recurso', 'enviar-email', \App\Structural\Enums\Estrutura\Acao::SALVAR->slug()])}}" method="post" enctype="multipart/form-data">
        @csrf
        <div class="row mb-3">
            <div class="soel-form-field col-4">
                <x-form.inputs.select label="Servidor" name="servidor" :options="$servidores" :value="old('servidor', $servidores > 0 ?  array_key_first($servidores) : null)"></x-form.inputs.select>
            </div>
            <div class="soel-form-field col-4">
                @php $de = Auth::user()->name .  '<' . Auth::user()->email . '> '; @endphp
                <x-form.inputs.text label="De" :readonly="true" name="de" :value="$de" :value="old('de', $de)"></x-form.inputs.text>
            </div>
        </div>
        <div class="row mb-3 align-items-end">
            <div class="soel-form-field col-4">
                <x-form.inputs.email label="Para" name="para" :value="old('para')"></x-form.inputs.email>
            </div>
            <div class="soel-form-field col-4">
                <x-form.inputs.text label="Assunto" name="assunto" :value="old('assunto')"></x-form.inputs.text>
            </div>
            <div class="soel-form-field col">
                <button type="button" class="btn-acao secondary btn-sm" data-bs-toggle="collapse" data-bs-target="#collapseCopias">CC e CCO</button>
            </div>
        </div>
        <div class="row mb-3 collapse @if(old('cc') || old('cco')) show @endif" id="collapseCopias">
            <div class="soel-form-field col-4">
                <x-form.inputs.email label="CC (Separar com vírgula)" name="cc" :multiple="true" :required="false" :value="old('cc')"></x-form.inputs.email>
            </div>
            <div class="soel-form-field col-4">
                <x-form.inputs.email label="CCO (Separar com vírgula)" name="cco" :multiple="true" :required="false" :value="old('cco')"></x-form.inputs.email>
            </div>
        </div>
        <div class="row">
            <div class="soel-form-field col-4">
                <div class="mb-3">
                    <label for="formFile" class="form-label">Anexos</label>
                    <input class="form-control" type="file" name="arquivos[]" multiple>
                </div>
            </div>
        </div>
        <hr class="my-3">
        <div class="row">
            <div class="soel-form-field col-3">
                <x-form.inputs.select label="Template" name="template" :options="[1 => 'Padrão']" :value="old('template', 1)"></x-form.inputs.select>
            </div>
        </div>
        <div class="row mt-2">
            <div class="soel-form-field col">
                <x-form.inputs.summernote label="Mensagem" name="mensagem">{{old('mensagem')}}</x-form.inputs.summernote>
            </div>
        </div>

        <div class="row my-3">
            <div class="soel-form-field col text-end">
                <button class="btn-acao success btn-enviar" type="submit">Enviar</button>
                <button class="btn-acao success btn-enviar-load" type="submit" disabled style="display: none;">
                    <i class="fas fa-spinner fa-spin"></i>
                    <span class="btn-text">Enviando...</span>
                </button>
            </div>
        </div>
    </form>
@endsection