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-select multiselect label="{{ __('eml.panel.form.to') }}"
22                  placeholder="{{ __('eml.panel.form.placeholders.users') }}" :options="$this->users" option-label="name"
23                  option-value="id" required wire:model="usersTo" />
24          </div>
25  
26          <div class="col-span-2">
27              <x-select multiselect label="{{ __('eml.panel.form.cc') }}"
28                        placeholder="{{ __('eml.panel.form.placeholders.users') }}" :options="$this->users" option-label="name"
29                        option-value="id" required wire:model="usersCC" />
30          </div>
31  
32          <div class="col-span-2">
33              <x-select multiselect label="{{ __('eml.panel.form.bcc') }}"
34                        placeholder="{{ __('eml.panel.form.placeholders.users') }}" :options="$this->users" option-label="name"
35                        option-value="id" required wire:model="usersBCC" />
36          </div>
37  
38          <div class="col-span-2">
39              <x-select multiselect label="{{ __('eml.panel.form.attachments') }}"
40                  placeholder="{{ __('eml.panel.form.placeholders.attachments') }}" :options="$this->dossierDocuments" option-label="name"
41                  option-value="id" required wire:model="localDocuments" />
42              <input class="mt-2" type="file" wire:model.defer="uploadedFiles" multiple>
43          </div>
44      </div>
45  
46      <x-show-all-errors />
47      <x-panel.actions action="create" />
48  </div>