<dialog id="createScheduledBackup" class="modal">
    <form method="dialog" class="flex flex-col gap-2 rounded modal-box" wire:submit.prevent='submit'>
        <h2>New Backup</h2>
        <x-forms.input placeholder="0 0 * * * or daily" id="frequency" label="Frequency" required />
        <h3>S3 Storage</h3>
        <x-forms.checkbox id="save_s3" label="Save to S3" />
        <x-forms.select id="selected_storage_id">
            @if ($s3s->count() === 0)
                <option value="0">No S3 Storages found.</option>
            @else
                @foreach ($s3s as $s3)
                    <option value="{{ $s3->id }}">{{ $s3->name }}</option>
                @endforeach
            @endif
        </x-forms.select>
        <x-forms.button onclick="createScheduledBackup.close()" type="submit">
            Save
        </x-forms.button>
    </form>
    <form method="dialog" class="modal-backdrop">
        <button>close</button>
    </form>
</dialog>