1  <div class="flex flex-col w-full p-4 space-y-4 rounded shadow bg-gray-50">
 2  
 3      <div class="grid grid-cols-2 gap-4 sm:grid-cols-2">
 4  
 5          <div class="col-span-2">
 6              <x-select wire:model="stageId" label="{{ __('dossiers.document.form.phase') }}"
 7                  placeholder="{{ __('dossiers.document.form.placeholders.phase') }}" :options="$this->stages" option-label="name"
 8                  option-value="id" />
 9          </div>
10  
11          <div class="col-span-2">
12              <x-select label="{{ __('eml.panel.form.templates') }}"
13                  placeholder="{{ __('eml.panel.form.placeholders.templates') }}" :options="$this->templates" option-label="name"
14                  option-value="id" required wire:model="template" />
15              <div class="flex items-center mt-2">
16                  <x-checkbox id="right-label" label="{{ __('eml.panel.form.encrypt') }}" wire:model.defer="encrypt" />
17              </div>
18          </div>
19  
20          <div class="col-span-2">
21              <x-input wire:model="subject" label="{{ __('eml.template.panel.form.subject') }}"
22                  placeholder="{{ __('eml.template.panel.form.placeholders.subject') }}" />
23          </div>
24  
25          <div class="col-span-2">
26              <x-select multiselect label="{{ __('eml.panel.form.to') }}"
27                  placeholder="{{ __('eml.panel.form.placeholders.users') }}" :options="$this->users" option-label="name"
28                  option-value="id" required wire:model="usersTo" />
29          </div>
30  
31          <div class="col-span-2">
32              <x-select multiselect label="{{ __('eml.panel.form.cc') }}"
33                  placeholder="{{ __('eml.panel.form.placeholders.users') }}" :options="$this->users" option-label="name"
34                  option-value="id" required wire:model="usersCC" />
35          </div>
36  
37          <div class="col-span-2">
38              <x-select multiselect label="{{ __('eml.panel.form.bcc') }}"
39                  placeholder="{{ __('eml.panel.form.placeholders.users') }}" :options="$this->users" option-label="name"
40                  option-value="id" required wire:model="usersBCC" />
41          </div>
42  
43          <div class="col-span-2 space-y-2">
44              <x-select label="{{ __('eml.panel.form.attachments') }}" multiselect
45                  async-data="{{ route('filter.dossier.documents', ['dossierId' => $entityId]) }}"
46                  placeholder="{{ __('eml.panel.form.placeholders.attachments') }}" option-label="name" option-value="id"
47                  wire:model="localDocuments" />
48              <form wire:submit.prevent="save">
49                  <x-forms.filepond wire:model.defer='uploadedFiles' multiple />
50              </form>
51              <div>
52                  @error('uploadedFiles')
53                      <span class="text-red-500 error">{{ $message }}</span>
54                  @enderror
55              </div>
56          </div>
57      </div>
58  
59      <x-panel.actions action="create" wire:target="uploadedFiles" :disabled="$this->btnIsDisabled" />
60  </div>